代码之家 › 专栏 › 技术社区 › Luper Rouch François Lagunas

从jquery集中删除顶级项

jquery

Luper Rouch François Lagunas · 技术社区 · 14 年前

我找不到从jquery集中删除顶级项的方法。这是我的尝试:

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script>
        $(function() {
            var data = '<div id="node_1">aa</div> <div id="node_2">bb</div> <div id="node_3">cc</div>';
            var nodes = $(data);
            nodes.remove("#node_2");
            $("#container").append(nodes);
        });
    </script>
</head>
<body>
    <div id="container"> </div>
</body>
</html>

我在集装箱里期待着:

<div id="container">
    <div id="node_1">aa</div>
    <div id="node_3">cc</div>
</div>

但是节点2没有被删除。

如何删除节点2 之前是否将其插入文档?

2 回复 | 直到 14 年前

AndreKR 14 年前

显然,现在不能删除不在DOM中的DOM节点。

您可以使用:

nodes = nodes.not('#b');

请记住,即使在操作之后(和期间),ID也应该是唯一的。

Anthony Corbelli 14 年前

编辑 -更新后不支持将DIV插入到DOM中,只需在插入前将其移除即可。

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script>
        $(function() {
            var data = '<div class="1">aa</div> <div class="2">bb</div> <div class="3">cc</div>';
            $("#container_1").append(data);
            var nodes = jQuery(data).not('.2');   
            // In this example it's '.2',  
            // though you changed your id's in the original to something else
            $("#container_2").append(nodes);
        });
    </script>
</head>
<body>
    <div id="container_1"> </div>
    <div id="container_2"> </div>
</body>
</html>

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前