如何检查元素的内容是否为空，如果是，则在jquery中删除该元素

我目前正在尝试选择某个div中没有​​内容的任何h2元素并将其删除。 这是我的HTML代码：

 
Hello 
 
 
 
  

这些是我试过无效的几个jQuery代码：

 jQuery(".skipToContainer .vidSkipTo").each (function () { if (jQuery(this).text().trim() === '') jQuery(this).remove(); } jQuery(".skipToContainer h2").each (function () { if (jQuery(this).text().trim() === '') jQuery(this).remove(); } jQuery(".skipToContainer h2").each (function () { if (jQuery(this).text() === '') jQuery(this).remove(); } 

有什么建议？

注意：我正在本地WordPress网站上进行这些测试。 不确定这是否重要只是为了让你知道。

Answer 1

尝试

 jQuery(".skipToContainer h2").filter(":empty").remove(); 

  
 
Hello 
 
 
 
  

Answer 2

 $('.skipToContainer > .vidSkipTo:empty').remove(); 

  
 
Hello