javascript - 如何从包含 HTML 的变量中删除 HTML 元素？

Question

我有一个 jQuery 变量，其中包含我要附加到页面的 HTML。

我需要在将 HTML 元素附加到页面之前删除它，但我似乎无法过滤它。

例如变量包含；

<div class="block1"></div>
<div class="block2"></div>

我在附加之前尝试过这样的过滤:

var mydata = $(mydata).filter('.block1');

和

var mydata = mydata.filter('.block1');

但这些都不起作用。有什么建议吗？

Answer 1

直接应用于字符串的过滤器有时会给出字符串结果，将元素添加到 DOM 然后应用过滤器是安全的。将 html 分配给 DOM 中的某个临时元素，从该临时元素中获取过滤后的项目并将其分配给所需的元素。

$('#TemporaryElemntToAddHtml').html(mydata);

    $('#ElemntToAddHtml .block1').each(function(){
         $('#ElemntToAddHtml').append($(this));
    });

$('#TemporaryElemntToAddHtml').remove();