.append JQuery同时声明一个变量

Question

基本上我试过这个：

var newDiv = $('#parentDiv').append("<div id=\""+user_name+"\" div class=\"user_head\">"+"</div>");

但是当我尝试追加到newDiv时，它会附加到＃parentDiv。

如何为追加创建的新DIV声明变量？

Answer 1

您可以使用appendTo并切换选择器的顺序：

var newDiv = $("<div id=\""+user_name+"\" div class=\"user_head\">"+"</div>").appendTo("#parentDiv")

Answer 2

使用appendTo，而不是追加。

var newDiv = $("<div id=\""+user_name+"\" div class=\"user_head\">"+"</div>")
                   .appendTo('#parentDiv');

Answer 3

您可以将您创建的div缓存为jquery对象，将其附加到某个东西，然后再引用它。

像这样：

var newDiv = $('<div id="'+user_name+'"></div>');
$('#parentDiv').append(newDiv);
newDiv.append('someOtherContent');

实施例： http://jsfiddle.net/nKvSz/

Answer 4

你将新创建的div id存储在变量user_name中。你可以使用它轻松搞定。

$('#parentDiv').append("<div id='"+user_name+"' class='user_head'>"+text+"</div>");
$('#'+user_name).append("new_div_details");

您的代码也会发生一些小变化。

Answer 5

检查这个

http://jsfiddle.net/Qg5WQ/14/