javascript - 使用 jQuery 删除一个带有空标签

Question

我正在使用 Tubepress 插件构建 Wordpress。此插件在<p>视频内容上方插入不需要的内容。我想使用 jQuery 删除这个标签。

这是我要删除的代码：

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

span id 是自动生成的，并且对于每条内容都会有所不同。这段代码放在下面的 div 中。

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

提前感谢您的帮助。

Answer 1

像这样：

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

这将非常快，但不会选择<span>其中包含空格的 s。

Answer 2

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

Answer 3

第一个 if 条件检查是否没有孩子或我相信的内容。第二个检查跨度是否包含空文本，并将仅返回跨度内的文本，而不是它的子项。

不像 slak 的解决方案那样优雅，也可能没有那么快，但是非常明确。

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

编辑：忘了把 '===""' 在 ifs (doh!)

Answer 4

取决于您页面上的其他内容。也许你应该这样尝试$('p').remove();