jQuery 隐藏按钮，如果它们不包含文本

jQuery hide buttons if they don't contain text

本文关键字：包含 文本 如果 隐藏 按钮 jQuery      更新时间：2023-09-26

我有一些按钮，里面有动态生成的文本。但是有时不会生成任何文本，所以我想用jQuery隐藏按钮。但是，我似乎无法让它工作。

下面是我的代码：

$('.inner:empty').parent().remove();
<button><span class="inner">{{dynamic1}}</span></button>
<button><span class="inner">{{dynamic2}}</span></button>
<button><span class="inner">{{dynamic3}}</span></button>
<button><span class="inner">{{dynamic4}}</span></button>

谢谢。

这满足您的要求。您只需要在选择器周围使用引号并调用隐藏而不是删除即可。适用于 Google jQuery CDN （1.2.3 - 2.1.1） 上提供的所有 jQuery 版本

$(document).ready(function() {
  // You can replace 'hide' with 'remove' if you want it purged from the DOM.
  $('.inner:empty').parent().hide(); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button><span class="inner">Hello</span></button>
<button><span class="inner"></span></button>
<button><span class="inner">World</span></button>
<button><span class="inner"></span></button>

相关文章：