addClass未應用

Question

message = "<span>prefix text</span> some more text"; // comes down like this 
message = $("<div></div>").append(message); 
message.filter("span:first").addClass("prefix"); 
$("#messages").append(message); 

message.html（）顯示跨度在此操作後沒有類，以及在查看dom源代碼時在IE中的開發者模式。

$(message).addClass("test"); //does not work either 

我對此不甚瞭解？ TY。

Answer 1

使用.find方法，而不是.filter：

message.find("span:first").addClass("prefix"); 

Answer 2

整理了一下，然後再試一次：

var addon = "<span>prefix text</span> some more text"; 
var message = $("<div></div>").append(addon); 

message.find("span:first").addClass("prefix"); 
$("#messages").append(message); 

$(message).addClass("test"); // < What is the purpose of this? 

Answer 3

var msgtext = "<span>prefix text</span> some more text", 
    message = $("<div></div>").append(msgtext); 

message.find("span:first-child").addClass("prefix"); 

$("#messages").append(message);