Substituindo elementos em uma string html - jquery

Problema: Estou tentando substituir elementos de uma determinada classe por uma cadeia vazia.

O que eu tentei

<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>

Produção esperada:

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

Qualquer ajuda seria apreciada. obrigado

Respostas:

Adicione uma classe aos elementos que você deseja remover, então .remove () com jQuery

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

Você pode simplesmente usar o remove() método.

$(".classToRemove").remove();

Não precisa usar each() ou qualquer outro loop. Isso encontrará todos esses elementos com essa classe no DOM.