Какой лучший JQuery селектор, чтобы получить следующий выпадающий список в той же строке таблицы

Question

У меня есть таблица, в которой первый столбец является переключателем, а второй - раскрывающимся. я хочу иметь его, когда я нажимаю любую из переключателей, он включает раскрывающийся список в той же строке. я знаю, как отключить выпадающее меню, но не могу понять правильный селектор

 <table>
   <tr>
        <td>[..radio button 1 ..] </td><td> [...dropdown combo 1.  .] </td>
    </tr>
    <tr>
        <td>[..radio button 2..] </td><td> [...dropdown combo 2.  .] </td>
    </tr>
    <tr>
        <td>[..radio button 3..] </td><td> [...dropdown combo 3.  .] </td>
    </tr>
    <tr>
        <td>[..radio button 4..] </td><td> [...dropdown combo 4.  .] </td>
    </tr>
 </table>

Answer 1

$(':radio').click(function() {
    $(this).parent().next('td').find('select').attr('disabled', 'disabled')
})

Проверьте рабочий пример на http://jsfiddle.net/6d2ET/3/

Я думаю, что вы, возможно, захотите отключить при проверке и включении снова, если не проверено, если это так, вам нужно присвоить всем вашим радиовходам один и тот же атрибут имени и сделать следующее

$(':radio').click(function() {
    $('td select').removeAttr('disabled')
    $(this).parent().next().find('select').attr('disabled', 'disabled')
})

Проверьте рабочий пример на http://jsfiddle.net/6d2ET/4/

Answer 2

$(document).ready(function() {
    $("select").attr("disabled", true);
    $("input").click(function() {
        $("select").attr("disabled", true);
        $(this).closest("tr").find("select").attr("disabled", false);
    });

});

Рабочий пример: http://jsfiddle.net/YcSYg/

Answer 3

$('#radioId').parent().next('td').children('select:eq(0)')