Removing an element after a div with Jquery

jquery jquery-selectors dom-traversal
JCHASE11 picture JCHASE11 · Jun 27, 2011 · Viewed 52.5k times · Source

I would like to remove the p tag that directly follows a div using jquery. Here is my 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.

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!

Answer

Ben Everard picture Ben Everard · Jun 27, 2011

This should work:

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

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

Related questions

How to select a li with a specific class?

<ul id="attached_deals_tab" class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" href="#Test1">Test1</a> </li> <li class=""> <a data-toggle="tab" href="#Test2">…

Read More
jQuery - Check if the tag's content is equal to sometext then do something

Let's say I have many of these in my content div : <cite class="fn">blabla</cite> How can I check every cite tag's content (in this case: blabla) with class fn to see if it equals …

Read More
How to find <script> elements with particular value of "type" attribute?

Assuming the following script tag in a random HTML document: <script id="target" type="store"> //random JavaScript code function foo(){ alert("foo"); } foo(); </script> can anybody explain why the following expression doesn't find all elements of …

Read More