在JQuery中创建函数以避免再次编写相同的代码

我目前正在使用Twitch API，它接收有关特定频道的信息，然后将其预先添加到HTML文档中。前置信息的代码被反复使用。我想知道你究竟是如何创建一个可以避免重复并在整个文档中调用的函数？

可以在这里找到codepen： http ：//codepen.io/sibraza/pen/AXRRvq

以下是重复使用的JQuery代码：

$("#follower-Info").prepend("" + "" + "" + "
" + "" + name +"
"+ "" + status + "
")

会这样的工作：

 function addThis(){ $("#follower-Info").prepend("" + "" + "" + "
" + "" + name +"
"+ "" + status + "
") }

然后我可以在每个$ .getJSON请求之后调用addThis（）。

它可以工作，但您需要将name ， logo和status作为参数传递给函数。您还可以删除冗余字符串连接：

 function addThis(name, logo, status) { $("#follower-Info").prepend('
' + name + '
' + status + '
'); }

然后你可以在$.getJSON处理程序中调用它：

 addThis('Foo', 'bar.jpg', 'online');