javascript - 根据值隐藏列表项

Question

使用 Javascript 或 Jquery，我需要隐藏列表中值为“0”的任何元素。

<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>0</li>
  <li>4</li>
</ul>

标签： javascriptjquery

Answer 1

像这样做。当您不想完全匹配时的一种解决方案。

$('li:contains(0)').hide();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<ul>
  <li>0</li>
  <li>10</li>
  <li>2</li>
  <li>3</li>
  <li>0</li>
  <li>4</li>
</ul>

或者，如果您只想删除 0 的 li，那么您可以像下面那样进行操作。

$('li').filter(function() { return $.text([this]) === '0'; }).remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>0</li>
  <li>10</li>
  <li>2</li>
  <li>3</li>
  <li>0</li>
  <li>4</li>
</ul>

参考：https ://stackoverflow.com/a/3713677/10971575