jQuery删除直接的子元素

前端之家收集整理的这篇文章主要介绍了jQuery删除直接的子元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery,我如何删除我的html正文中的一个锚标签,它也包含一个包装器div,这个包装器div在我要删除的锚标签之上。

它像是

<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中的第一个锚标签,即id为“not_me”,而我想要“remove_me”被删除

解决方法

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

你使用children()(docs),因为你只想瞄准身体的直接孩子。

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

这是因为使用first-child-selector(docs),您只能获得< a>如果它是其父母的第一个孩子(它不是)。但是使用first-selector(docs)可以获得第一个< a>那是匹配的。

替代方法是把它全部放在一个选择器中:

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

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

猜你在找的jQuery相关文章