jquery - 在变量上运行 jQuery，而不是在文档上运行

Question

你知道是否可以在包含 html 的变量上运行 jQuery，而不仅仅是在文档本身上。

示例:

bg.inspectorGetRawHtml = function(){
    var c = jQuery("#bg-admin-inspect-wrapper").html();
    jQuery(".bg-admin-inspect-state", c).remove();
    console.debug(c);
}

基本上，将页面 html 的一部分读入变量，然后对该字符串执行 jQuery 操作。

如果我 console.debug 实际的 jQuery 删除，看起来匹配，但 var 没有被操纵。我知道 jQuery 依赖于 DOM，也许这就是它不起作用的原因，但如果有人对此有任何见解......编辑经过 lonesomeday 的建议，这是我最终得到的代码:

bg.inspectorGetRawHtml = function(){
    var c = jQuery("#bg-admin-inspect-wrapper").clone();
    jQuery(".bg-admin-inspect-state", c).remove(); //The ,c specifies what element to work on.
    console.debug(c.html());
}

Answer 1

您需要的函数是$().detach:

bg.inspectorGetRawHtml = function(){
    var c = jQuery("#bg-admin-inspect-wrapper").detach();
    console.debug(c);
}

这将从 DOM 中删除所选元素并允许您对其执行 jQuery 操作。

<小时/>

编辑 您还可以从字符串创建一段 HTML，并将其转换为 jQuery 选择并使用它。例如

$(document).ready(function() {
    var newText = '<div><p>Some text here</p><img src="image.png" /></div',
        $newDiv = $(newText);

    $newDiv.addClass('someClass');

    $('body').html($newDiv);
});

这将创建一个包含一段内容和一个图像的新 div，将类“someClass”添加到该 div 并用新 div 替换页面内容。