Используйте jQuery для удаления <p>с пустым тегом <span>

Question

Я работаю над сборкой Wordpress, используя плагин Tubepress. Этот плагин вставляет нежелательный <p> над видеоконтентом. Я хочу удалить этот тег с помощью jQuery.

Вот код, который я хотел бы удалить:

<p><span id="more-76"></span></p>

Идентификатор диапазона генерируется автоматически и будет отличаться для каждой части содержимого. Этот код находится в следующем разделе.

<div class="work1alt">
   <p><span id="more-76"></span></p>
</div>

Заранее спасибо за помощь.

Answer 1

Вот так:

$('span:empty:only-child').parent('p').remove();

Это будет очень быстро, но не выберет <span> с пробелами в них.

Answer 2

Первый, если условие проверяет, нет ли детей или контента, которому я верю.Второй проверяет, содержит ли span пустой текст и будет ли возвращаться только текст внутри span, но не его потомки.

Не такой элегантный и, вероятно, не такой быстрый, как решение slak, но очень явный.

 $('div.work1alt > p span').each(function(){
    if($.trim($(this).text()) === ""){
       $(this).parent().remove();
    }
 });

РЕДАКТИРОВАТЬ: забыл поставить '=== "" в ifs (doh!)

Answer 3

$('div.work1alt').find('p span:empty').parent().remove();

Answer 4

зависит от того, что еще стоит на вашей странице. Может быть, вам стоит попробовать это вот так $('p').remove();