在JQuery中創建函數以避免再次編寫相同的代碼

Question

我目前使用的Twitch API接收關於特定通道的信息，然後將其預加載到HTML文檔中。預先反映信息的代碼被反覆使用。我想知道你是如何創建一個可以避免重複並在整個文檔中被調用的函數？

的codepen可以在這裏找到：http://codepen.io/sibraza/pen/AXRRvq

這裏是jQuery代碼這就是被反覆使用：

$("#follower-Info").prepend("<div class ='row'>" + "<div class = 'col-md-4'>" + "<img src='" + logo + "'>" + "</div>" + "<div class='col-md-4'>" + name +"</div>"+ "<div class ='col-md-4'>" + status + "</div></div>") 

會是這樣的工作：

function addThis(){ 

     $("#follower-Info").prepend("<div class ='row'>" + "<div class = 'col-md-4'>" + "<img src='" + logo + "'>" + "</div>" + "<div class='col-md-4'>" + name +"</div>"+ "<div class ='col-md-4'>" + status + "</div></div>") 

    } 

，然後我可以可以在每個$ .getJSON請求之後調用addThis（）。

Answer 1

它會工作，但您需要通過name,logo和status作爲函數的參數。您還可以刪除多餘的字符串連接：

function addThis(name, logo, status) { 
    $("#follower-Info").prepend('<div class="row"><div class="col-md-4"><img src="' + logo + '"></div><div class="col-md-4">' + name + '</div><div class="col-md-4">' + status + '</div></div>'); 
} 

那麼您可以在$.getJSON處理程序內調用它：

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