Question

我有一些带有动态生成文本的按钮。但有时候不会生成文本，所以我想用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>

感谢。

Answer 1

这满足了您的要求。您只需要在选择器周围使用引号并调用hide而不是remove。适用于Google jQuery CDN（1.2.3 - 2.1.1）

上提供的所有jQuery版本

＆＃13;

$(document).ready(function() {
  // You can replace 'hide' with 'remove' if you want it purged from the DOM.
  $('.inner:empty').parent().hide(); 
});

＆＃13;

<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>

＆＃13;

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

1 个答案: