jQuery：使用append（）後，我無法修改元素的CSS顏色

Question

我已經使用jQuery的append（）命令從數組創建一組DIV。

做了一個簡單的JSON請求後，我現在想使用css（）命令更改DIV中文本的顏色。但是，我似乎無法讓它工作。

下面是代碼的橫截面我已經寫了：

function createList(myArray){ 
    $.each(myArray,function(index,item){ 
     $("#results_panel").append('<div id="result_'+item+'">'+item+'</div>'); 
     doSomeStuff(item); 
    }); 
} 

function doSomeStuff(item){ 
    var urlJSON="file_upload.php?ip_address="+item; 
    $.getJSON(urlJSON,function(json){ 
     if (json.result == "true") { 
      $("#result_"+item).css("color","#00FF00"); 
     } else { 
      $("#result_"+item).css("color","#FF0000"); 
     } 
    }); 
} 

如果我使用的document.getElementById（「結果_」 +項目）.style.color但是這會工作，。

任何人都可以告訴我我在做什麼錯嗎？我對jQuery相當陌生，所以很抱歉，如果這是一個非常明顯的問題。

Answer 1

您的問題是您使用的值作爲元素的ID。 Have a look at this fiddle ->

DOM方法將允許帶有IP的名稱。但是，jQuery將IP地址中的.解釋爲類選擇器的開始，因此不會選擇任何內容。

看一看這兩個演示：

• This is the same demo I posted in your question comments, but with IP values ->
• IP values, dots replaced with underscores ->

通過在IP用下劃線代替.秒，ID爲jQuery的選擇變得有效，且顏色將被正確應用。

Answer 2

我試圖用可能完全錯誤的答案來回答一個問題。如果我錯了，我會讓低調的力量糾正我。 ; o）

問題（我相信）是你的元素不會追加，直到數組完成循環。所以他們不在DOM中尚未被選中。一種修復方法是將CSS更新移動到循環本身中：創建一個新的jQuery div元素，應用CSS，然後附加它。

Answer 3

我認爲你可以解決兩個問題 - 你提到的那個，你可能沒有意識到的是在.each調用中附加代碼產生的結果 - 用稍微不同的方法創建所有的HTML，然後將其追加一次。這種方法將會使你遇到的問題毫無意義，而且它會提供更好的性能。

請參閱http://jquery-howto.blogspot.com/2009/02/5-easy-tips-on-how-to-improve-code.html或http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly瞭解我所指的具體示例。