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

时间:2013-05-22 05:40:39

标签: jquery

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代码轻松更改一个href值。
如何转换它?

3 个答案:

答案 0 :(得分:4)

考虑您有以下字符串:

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
  • 查看

答案 1 :(得分:0)

尝试 .html ,如

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

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

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

您需要一些练习并查看此JQUERY

答案 2 :(得分:0)

您可以简单地创建一个虚拟对象,然后在用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());