在jQuery中选择下一个SELECT

时间:2014-02-20 22:26:22

标签: javascript jquery html select

的jQuery

$("select[id^='_taskAssignedTo_']").each(function(id) {
    if ($(this).val() == "1") {
        $(this).next().find("select[id^='_taskStatus_']").prop("disabled", false);
    }
});

HTML

<td>
    <select id="_taskAssignedTo_1"> <!-- options --> </select>
<td>
<td>
    <select id="_taskStatus_1"> <!-- options --> </select>
<td>

我正在循环查找第一个select,因为它具有我需要搜索的值,并且我想启用它旁边的select_taskStatus_1。有很多,所以重要的是我使用“start with”语法。

上面的代码不起作用。我不确定是否需要使用nextfind,其他内容或其他组合?

2 个答案:

答案 0 :(得分:3)

只是做:

$(this).closest("td").next("td").find("select[id^='_taskStatus_']");

您必须首先返回td(最近) - 然后返回下一个td(下一个) - 然后find您正在寻找的元素。

答案 1 :(得分:1)

尝试:

$(this).parent().next().find("select[id^='_taskStatus_']").prop("disabled", false);