在jQuery中选择下一个SELECT

Question

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>

I am looping through and finding the first select because it has the value I need to search for and I want to enable the select next to it called, _taskStatus_1 . There are many, so it is important I use the "start with" syntax.

The code above does not work. I am not sure if I need to use next , find , something else, or a combination?

Answer 1

Just do:

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

You have to first travel back to your td (closest) - then to the next td (next) - then find the element you're looking for.

Answer 2

尝试：

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