Question

这是一个HTML页面（样本）

<!DOCTYPE html>
<html>
<body>

<div id="first">
<label>First</label>
<input type="checkbox" checked="checked">
</div>

<div id="second">
<label>Second</label>
<input type="checkbox">
</div>

</body>
</html>

它显示了两个复选框，如下所示

我想知道是否可以通过jQuery隐藏第二个复选框。

我正在处理的实际页面包含大约40个复选框，我希望该解决方案也适用于此。

有可能吗？

有人能告诉我怎么做吗？

Answer 1

使用:not()选择器和:checked选择未选中的复选框
使用最近的获取父div然后使用.hide()

＆＃13;

$('.anchor:not(:checked)').closest('.container').hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="first" class='container'>
  <label>First</label>
  <input type="checkbox" checked="checked" class='anchor'>
</div>

<div id="second" class='container'>
  <label>Second</label>
  <input type="checkbox" class='anchor'>
</div>

＆＃13;

jQuery：根据子属性

1 个答案: