jquery不会从html中删除元素

时间:2011-07-04 12:14:33

标签: javascript jquery

我有这段代码而且无法正常工作

var data = '<div class="myform" id="stylized"><form enctype="multipart/form-data" method="post" action="" id="form1"><h1>Account form</h1></form></div>';

$(data).find('h1').remove();
alert(data);

这里h1仍在结果

2 个答案:

答案 0 :(得分:3)

嗯,您只是更新了jQuery wrapped set,而不是data variable。您需要分配新形成的jQuery集并访问它的.html()方法以获得结果:

var data = '<div class="myform" id="stylized"><form enctype="multipart/form-data" method="post" action="" id="form1"><h1>Account form</h1></form></div>';

var $myData = $(data).find('h1').remove().end();
alert($myData.html());

答案 1 :(得分:2)

你正在接受一个字符串并从中构建一个DOM结构(这就是$(data)所做的)。然后,您将修改该DOM结构(使用remove)调用。这种变化会影响DOM结构。 它不会影响原始字符串。

如果您希望再次退出字符串,则必须检索它。

$data = $(data);
$data.find('h1').remove();
data = $data.html();