Javascript jquery不会从html中删除元素

Javascript jquery不会从html中删除元素,javascript,jquery,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); var数

我有这个代码,它不工作

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);
var数据='accountform';
$(数据).find('h1').remove();
警报(数据);

这里h1仍然在result中

那么,您只是更新了
jQuery包装集
,而不是
数据变量
。您需要分配新形成的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());
var数据='accountform';
var$myData=$(data).find('h1').remove().end();
警报($myData.html());

您正在获取一个字符串并从中构建一个DOM结构(这就是
$(数据)
所做的)。然后(使用
remove
)调用修改该DOM结构。这种更改会影响DOM结构。它不影响原始字符串

如果要再次取出字符串,则必须检索它

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

jquery$.ready中的代码准备好了吗?查找呢?你能找到h1标记吗?我们需要
.end()
链才能再次获得父节点。否则,我们将从删除的节点输出html。@lone我只从@user824981获得您想要的外部html概念。这是可能的,但并不容易,原因很简单,很少有必要这样做。这是我通过ajax请求获得的html表单代码。我正在jquery对话框中加载表单。但我想从h1标签中提取标题,并将其作为对话框的标题,然后从html中删除标题,然后显示在对话框的主体中box@user那么你就不需要HTML了。您可以将jQuery选择添加到对话框中