jquery - 定位以下所有兄弟姐妹的孩子

Question

当用户更改 a 时，select我需要清空select该之后的所有内容。因此，例如，如果您更改中间的，则只有最后一个select被清空。

<div>
    <select></select>
</div>
<div>
    <select></select>
</div>
<div>
    <select></select>
</div>

我试过这个，但无法让它工作：

$("select").change(function () {
  $(this).parent().nextAll("div select").empty();
});

score 5 · Accepted Answer

.nextAll ()函数仅返回以下兄弟的集合。选择器参数只能过滤该集合。

所以，为了做你想做的事，在你找到以下所有内容之后divs，你必须使用.children()函数来获取作为select其直接后代的元素（或.find()到达每个后代不仅是直接的）。

$("select").change(function () {
  $(this).parent().nextAll("div").children("select").empty();
});

1 回答 1