jquery - 如何在 Jquery 中将 HTML 字符串转换为 HTMLDivElement 对象？

Question

HTML 代码以字符串格式从 api 函数返回。
var div = infoWindow.getContent();div 变量包含以下代码。

<div class="mt">
    <div class="fl">
        <a id="detailsLink" class="jsDetailsLink" href="/profile/369/john">More profile information</a>
    </div>
</div>

。
我想转换为 jQuery 中的 [object HTMLDivElement]。如果将其转换为对象HTMLDivElement，我可以通过JS代码轻松更改a href值。
如何转换？

Answer 1

假设您有以下字符串:

var string = '<div class="mt"><div class="fl"><a id="detailsLink" class="jsDetailsLink" href="/profile/369/john">More profile information</a></div></div>';

您可以将其传递给 $ 函数，jQuery 的力量将掌握在您的手中:

var $elem = $(string);

现在您可以获取其中的链接:

$elem.find('a').attr('href', 'http://www.google.com/');

并将其附加到某个元素:

$elem.appendTo('body');

<小时/>

• [!] 您可以在这个FIDDLE查看它.