针对以下所有兄弟姐妹的孩子

Question

当用户更改select时，我需要清空该select之后的每个select。 例如，如果您更改中间的一个，则只清空最后一个<div> <select></select> </div> <div> <select></select> </div> <div> <select></select> </div> 。

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

我试过这个但是无法让它起作用：

{{1}}

Answer 1

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

因此，为了完成您要执行的操作，在找到以下所有divs后，您必须使用.children()函数来获取select元素是它的直接后代（或.find()到达每个后代而不仅仅是直接后代。）

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