Jquery 替换html字符串中的元素

问题：我试图用空字符串替换某个类的元素

我试过的

<table>
    <tr>
         <td>Cell to keep</td>
    </tr>
    <tr class='hide-report-item'>
        <td>Remove Me</td>
     <tr>
</table>

<script>
<!-- In my scenario data is actually a partial coming back from an ajax call) -->
function ParseData(data)
{
                var foo = $(data)[2];
                var hideItems = $(foo).find('.hide-report-item');

                hideItems.each(function () {
                    var test = $(this)[0];
                    data = data.replace(test.outerHTML, '');
                });
}
<!-- Ive also tried different variations of this -->
function ParseData(data)
{
                var foo = $(data).find('.hide-report-item').hide();
                var hideItems = $(foo).html();
}

<script>

牢房
把我带走
函数解析数据（数据）
{
var foo=$（数据）[2]；
var hideItems=$（foo.find（'.hide报告项'）；
hideItems.each（函数（）{
var测试=$（此）[0]；
data=data.replace（test.outerHTML“”）；
});
}
函数解析数据（数据）
{
var foo=$（数据）.find（'.hide报告项'）.hide（）；
var hideItems=$（foo.html（）；
}

预期产出：

<table>
    <tr>
         <td>Cell to keep</td>
    </tr>
</table>

牢房

---

任何帮助都将不胜感激。谢谢

为要删除的元素添加一个类，然后使用jQuery.remove（）删除它们

$(function() {
 $( ".hide-report-item" ).remove();
});

---

向要删除的元素添加一个类，然后使用jQuery.remove（）将它们删除

$(function() {
 $( ".hide-report-item" ).remove();
});

---

只需使用

remove（）

方法即可

$('.classToRemove').remove();

---

无需使用

each（）

或任何其他循环。这将在DOM中找到具有该类的所有元素。

您只需使用

remove（）

方法即可

$('.classToRemove').remove();

---

无需使用

each（）

或任何其他循环。这将在DOM中找到具有该类的所有元素。

数据以字符串形式输入。当我使用例如foo=$（data）转换它时，foo是一个数组[0]
[1]text[2]tablerow任何类型的删除或隐藏，foo.html（）返回一个空字符串数据作为字符串输入。当我使用例如foo=$（data）转换它时，foo是一个数组[0]
[1]text[2]tablerow任何类型的删除或隐藏，foo.html（）返回一个空字符串数据作为字符串输入。当我使用例如foo=$（数据）转换它时，foo是一个数组[0]
[1]text[2]tablerow。任何类型的remove或hide和foo.html（）都会返回一个空字符串，但该数据仍然会在DOM中结束，对吗？为什么不能在加载后用jQuery操作它？哦，我明白你的意思了。给我一点时间试试。没问题：）数据以字符串的形式输入。当我使用例如foo=$（数据）转换它时，foo是一个数组[0]
[1]text[2]tablerow。任何类型的remove或hide和foo.html（）都会返回一个空字符串，但该数据仍然会在DOM中结束，对吗？为什么不能在加载后用jQuery操作它？哦，我明白你的意思了。给我一点时间试试，没问题：）