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()显示此操作后span没有类，以及在IE中查看dom源时的开发者模式。

$(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);