如何通过jQuery删除在div内的li中没有显示锚标记？

Question

我有一个div，其中包含许多li元素。但是我不想显示所有带有value = "1"输入复选框的锚标记。

查看屏幕截图：

我尝试过的代码（不起作用）

  $("#example_columns").find('input[value="1"]').closest("a")

Answer 1

使用$("#example_columns").find('input[value="1"]').parents("a").hide();

$("#example_columns").find('input[value="1"]').parents("a").hide();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="example_columns">
  <ul>
    <li>
      <a href="#">
        <input type="checkbox" value="1"> a
      </a>
    </li>
    <li>
      <a href="#">
        <input type="checkbox" value="0"> b
      </a>
    </li>
  </ul>
</div>

Answer 2

您可以在选择器之后添加.show()，它应该可以工作。

$("#example_columns").find('input[value="1"]').closest("a").show();