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如果转换成对象，我可以很容易地通过JS 代码HTMLDivElement改变 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检查它。

Answer 2

您可以简单地创建一个虚拟对象并将您的字符串附加到该对象，然后用 jQuery 替换 HREF 值。

var str = '<div class="mt"><div class="fl"><a id="detailsLink" class="jsDetailsLink" href="/profile/369/john">More profile information</a></div></div>';
var dummy = $('<div />');
dummy.html(str);
dummy.find('#detailsLink').attr('href', 'http://google.com'); 
alert(dummy.html());
    $('#data').text(dummy.html());

Answer 3

尝试使用.html 之类的

$(".mt").html();

如果您想更改 href 值，您可以尝试

$(".jsDetailsLink").attr("href","my_new_href");

你需要一些练习，看看这个JQUERY