Удаление элемента после div с помощью JQuery

Я хотел бы удалить тег p, который непосредственно следует за div, используя jquery. Вот мой HTML:

<div class="fbcommentbox"></div>
<p>Powered by <a href="#" onclick="location.href='http://pleer.co.uk/wordpress/plugins/facebook-comments/'; return false;">Facebook Comments</a></p>

Итак, в этом случае все содержимое внутри тегов <p> будет установлено на display:none.

Кажется, что это было бы очень просто сделать в jquery, но я не могу показаться на нем. Любая помощь будет большой. Спасибо!

Ответ 1

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

hide() устанавливает display: none.
remove() удаляет элемент из DOM.

Выберите тот, который вам нужен.

Ответ 2

Это должно работать:

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

Мы выбираем div, затем используем next, чтобы получить следующий элемент.

Ответ 3

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