如何在HTML字符串中查找元素并使用jQuery更改属性

时间:2016-02-04 19:29:29

标签: javascript jquery html

这似乎是一个非常简单的问题,但我已经花了几个小时试图让它发挥作用。

我有一个字符串:

var myhtml = '<div id="wrapper"><div id="full" width="800px"></div></div>';

我需要找到我的div #full,删除它的"*width*"属性,然后将myhtml与更新后的版本一起使用。

我在jQuery中使用它:

var newhtml = $(myhtml).filter("#full").removeAttr("width");
console.log(newhtml );

期待:<div id="wrapper"><div id="full"></div></div>

但它返回"<div id="full"></div>"而不是整个变量。

1 个答案:

答案 0 :(得分:0)

使用.find("#full")选择元素,然后删除属性。原始对象保留该值。

var myhtml = $('<div id="wrapper"><div id="full" width="800px"></div></div>');
var newhtml = myhtml.find("#full").removeAttr("width");
console.log($(myhtml)[0].outerHTML);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>