Jquery在追加之前修改从html创建的div

时间:2010-12-29 14:20:53

标签: javascript jquery html

我有一个函数将div附加到另一个div。

类似的东西:

var div = ...some html

$("#mydiv").append(div);

但是我想对我刚添加的div做一些事情。目前我想隐藏新div的子部分,并添加一个对象作为数据。像

这样的东西
 var div = ...some html   
 $("#mydiv").append(div);
 $(my new div).find(".subDiv").hide(); 
 $(my new div).data('user',object);

但是我应该如何获得我创建的新div?有没有办法创建它然后执行这些操作,然后追加它?或者我应该追加它然后检索并修改它?

效率非常重要,因为这将针对搜索结果进行迭代......

谢谢!

感谢Tricker:

我用它作为我的解决方案
var div = ...a lagre piece of html;
var newDiv = $(div);
newDiv.find("[show='contractor']").hide();
newDiv.data('user', userObject);
$(appendDiv).append(newDiv);

谢谢!

3 个答案:

答案 0 :(得分:4)

你想要的方式是这样的:

var new_obj = $('<div class="subDiv"></div>');

$("#my_div").append(new_obj);

//You dont have to find the subdiv because the object "new_obj" is your subDiv
new_obj.hide();
new_obj.data('user',object);

答案 1 :(得分:2)

.append()不会返回新项吗?

var myNewDiv= $("#mydiv").append(div);

答案 2 :(得分:0)

因为它始终是最后一个子div,我相信您可以通过$("#myDiv div:last-child")

访问它