gpt4 book ai didi

jquery删除直接子元素

转载 作者:行者123 更新时间:2023-12-03 21:45:13 25 4
gpt4 key购买 nike

使用 jQuery,如何删除 html 正文中的 anchor 标记,该标记还包含一个包装 div,并且该包装 div 位于我要删除的 anchor 标记之上。

就像

<body>
<div id="wrapper">
<a id="not_me" href="#">hi</a>
</div>

<a id="remove_me" href="#">Remove Me</a>

</body>

如果我使用

$("body").find("a:first-child").remove();

它删除了我的包装 div 中的第一个 anchor 标记,即 id 为“not_me”的 anchor 标记,而我希望删除“remove_me”。

最佳答案

$("body").children("a:first").remove();

您使用 children() (docs)因为您只想定位 body 的直接子级.

然后使用 "a:first"作为选择器来定位第一个 <a>元素。

这是因为 first-child-selector (docs)你只会得到<a> 如果它是其父级的第一个子级(但它不是)。但随着 first-selector (docs)你得到第一个<a>已匹配。

另一种方法是将其全部放在一个选择器中:

$('body > a:first').remove();

与上面相同,但使用 > child-selector (docs)而不是 children() (docs)方法。

关于jquery删除直接子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4805933/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com