javascript - 获取存储在 var 中的 div 的内部 html

Question

我正在从服务器获取一些数据，这些数据预先打包在元素中。问题是那些标签中有一堆我不想要的东西。有没有人有任何建议只获取这些元素的 html？我有一些有用的东西，但它是 hack-y，更糟糕的是，它假设我知道一些关于标签的属性，但我不会总是:

这是一些 JQuery(在这里查看它的实际应用:http://jsfiddle.net/tPJau/):

$(function () {
    var rawString = "<div id='something' myAttr='somethingElse' > Free me!</div>";
    $('#content').append(rawString);
    var cleanString = $('#something').html();
    $('#something').remove();
    $('#content').append(cleanString);
});

这是一些 html:

<div id="content">original content</div>

这给了我

<div id='content'>
    original content Free me!
</div>

亲爱的社区，我要问你的问题是，我如何在#不#了解 div 属性的情况下完成此操作？

Answer 1

您可以将 HTML 传递给 JQuery 函数，它会在内存中创建一个元素。

然后您可以像操作页面中实际存在的任何其他元素一样操作该元素。

$(function () {
    var rawString = "<div id='something' myAttr='somethingElse' > Free me!</div>";
    var cleanString = $(rawString).html(); // ... or .text()
    $('#content').append(cleanString);
});