使用 Jquery 在 div 后删除元素

Removing an element after a div with Jquery

提问by JCHASE11

I would like to remove the p tag that directly follows a div using jquery. Here is my HTML:

我想使用 jquery 删除直接跟在 div 后面的 p 标记。这是我的 HTML：

<div class="fbcommentbox"></div>
<p>Powered by <a href="http://pleer.co.uk/wordpress/plugins/facebook-comments/">Facebook Comments</a></p>

So in this case, all content inside the <p>tags will be set to display:none.

所以在这种情况下，<p>标签内的所有内容都将被设置为display:none.

This seems like it would be VERY simple to do in jquery but I cannot seem to put my finger on it. Any help would be great. Thanks!

这似乎在 jquery 中很简单，但我似乎无法理解它。任何帮助都会很棒。谢谢！

回答by Ben Everard

This should work:

这应该有效：

$('.fbcommentbox').next('p').remove();

We select the div, then use nextto get the next element.

我们选择 div，然后使用它next来获取下一个元素。

回答by rid

$('div.fbcommentbox + p').hide();

• hide()sets display: none.
• remove()removes the element from the DOM.

• hide()套display: none。
• remove()从 DOM 中删除元素。

Pick the one you need.

选择您需要的那个。

回答by AR.

$('.fbcommentbox').next().hide();or $('.fbcommentbox').css('display','none').

$('.fbcommentbox').next().hide();或$('.fbcommentbox').css('display','none')。