jquery - jquery删除列表项为空

Question

<ul id="myid">
<li class="example"><a href="New-Orleans">New Orleans</a></li>
<li class="example"><a href></a></li>
<li class="example"><a href="Miami">Miami</a></li>
<li class="example"><a href></a></li>
</ul>

我需要删除锚文本为空白的 li 元素。

我将如何选择这个元素？$(--这里是什么选择器--)

标签： jqueryhtml-listsremove-if

Answer 1

你可以这样尝试：

$(".example > a[href='']").closest('li').remove()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="myid">
  <li class="example"><a href="New-Orleans">New Orleans</a></li>
  <li class="example">
    <a href></a>
  </li>
  <li class="example"><a href="Miami">Miami</a></li>
  <li class="example">
    <a href></a>
  </li>
</ul>