javascript - 我可以对存储在 HTML 字符串中的信息使用 addClass 吗？

Question

我有一个字符串，例如看起来像这样。

var html = '<div class="templatemo_post_text grid-85">
<div id="wmd-preview"><h2>Skriv något!</h2>
<p>Lorem ipsum</p></div>
<div class="templatemo_post_footer">
<div class="templatemo_post_on">
<span class="orange">Skrivet den</span> 3 Mar 2013</div>
<div class="templatemo_post_comment">
<a href="#">Inlägg nummer </a>
</div></div></div>';

我能否以某种方式使用 .addClass() 将类添加到 id=wmd-preview？
实际上我的问题是所有 javascripting 都修改现有变量。我想做的另一件事是用新标签替换整个标签。

谢谢。

Answer 1

您可以将该 HTML 转换为 DOM 元素:

var element = $(html);

然后选择你想要的div:

var div = element.find('#wmd-preview');

然后添加类:

div.addClass('new-class');

编辑

要将修改后的 DOM 元素转回 HTML 字符串，可以使用 jQuery's html function :

html = element.html();

请注意，这给出了元素的内部 HTML，因此缺少封闭的 div。您可以通过将它添加到另一个 div 来解决这个问题。

html = $('<div></div>').append(element).html();