javascript - jQuery - 查找下一个选择元素

Question

我想做的是在选择元素中填充数据。我正在使用以下代码，用户从一个下拉列表中选择一个 SubjectCategory，然后应该填充下一个选择元素的 html。处理程序本身工作正常，它返回我需要放置在 select 元素中的正确 html。

另外，请记住，我最终会克隆这两个选择元素，并且需要相应地填充它们。

问题是 $elem 总是返回 null。

我猜这行代码有问题，但不太确定(请记住，我也在克隆这两个选择元素):

var $elem = $this.closest('div').prev().find('select');

$(".SubjectCategory").live("click", function () {
    var $this = $(this);
    var $elem = $this.closest('div').next().find('select');
    var a = $this.val();

    $.get("/userControls/BookSubjectHandler.ashx?category=" + a, {}, function (data) {
        $elem.html(data);
    });
});

<div class="singleField subjectField">
  <label id="Category" class="fieldSml">Subject Matter</label>
  <div class="bookDetails ddl"><select id="ddlSubjectMatter" class="fieldSml SubjectCategory"></select></div>

  <label id="Subjects" class="fieldSml">Category</label> 
  <div class="bookDetails ddl" id="subjectMatter"><select id="ddlSubjects" class="fieldSml Subjects"></select></div>
</div>

Answer 1

您正在 <label> 中搜索, 不是下一个 <div>如你所愿。 next只获取当前元素之后的一个元素。

试试这个:它搜索父元素旁边的第一个 div。

var $elem = $this.closest('div').nextAll('div').first().find('select');