如何从jquery对象中删除dom元素答案

【问题标题】：How to delete dom element from jquery object如何从jquery对象中删除dom元素
【发布时间】：2011-07-15 21:20:26
【问题描述】：

我想从我的对象中删除一个特定的类，因为我的要求是在显示内容之前删除该 dom 数据。我已经编写了一个示例代码，但无法理解为什么它不起作用。我 jquery 的删除也不起作用。请帮我解决它。提前致谢

<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

    // complete html
    var test;
    test = $('#issue_detail_first_row').html();

    var x = $(test).find('#issue_detail_nav').not('.p1');

    $('#sett').html(x);
 });

</script>
 </head>
 <body>
 <div id="issueDetailContainer">
        <div  id="issue_detail_first_row">
            <div>
                <div id="issue_detail_nav">
                    <div>test</div>
                    <div id="gett">
                        <div class="p1">
                            this content need to be deleted 1
                        </div>
                    </div>

                    <div class="p1">
                        this content need to be deleted 2
                    </div>

                </div>
            </div>                
        </div>
        <br/><br/><br/><br/>
<div id="sett">
</div>

【问题讨论】：

你是如何使用 $.remove() 的？

标签： javascript jquery jquery-selectors

【解决方案1】：

您需要直接从 DOM 中删除内容。

$("#issue_detail_first_row .p1").remove();

这将选择 .p1 元素并将它们从 DOM 中删除

【讨论】：

【解决方案2】：

您可以在 javascript 对象上使用删除功能。

如果您想在显示之前对其进行预处理。

例子

var a =$("#issue_detail_first_row").html();
var jhtml =$(a)[0];   
$(jhtml).find('.p1').remove();
alert($(jhtml).html());

现在使用 jhtml 。演示

http://jsfiddle.net/WXPab/14/

【讨论】：

【解决方案3】：

您似乎正在尝试复制一个部分，但没有.p1 元素。

您可以使用clone()^[docs] 方法克隆该部分，使用remove()^[docs] 方法删除您不需要的部分，然后插入其HTML。

$(document).ready(function() {

    var test = $('#issue_detail_first_row').clone();  // clone it

    test.find('.p1').remove();  // find and remove the class p1 elements

    $('#sett').html( test.html() );  // insert the new content
});

工作示例： http://jsfiddle.net/YDZ9U/1/

唯一的问题是您需要检查并更新克隆中的 ID，以免它们在页面上重复。

【讨论】：