Как получить элементы (или текст) в той же строке, что и текущий выбранный флажок?

Question

Пока у меня есть это, которое возвращает мне rowIndex, но я не выяснил, как получить другие 2 поля в той же строке (это могут быть либо входные данные, либо открытый текст, завернутый в td):

$('.chkbox').click(function(){
        if($(this).is(':checked')){
            var checkbox = $(this);
            var rowIndex = $(checkbox).closest('tr')[0].rowIndex;
            alert(rowIndex);
        }
    });

Answer 1

Вы можете найти строку, а затем использовать ее для определения контекста другого вызова jQuery, чтобы найти какой-либо дочерний текст / значения, которые вам нравятся.

$('.chkbox').click(function(){
    if($(this).is(':checked')){
        var checkbox = $(this);
        var row = $(checkbox).closest('tr');
        var stuffToUpdate = $(":your_super_awesome_selector",row);
        $.each(stuffToUpdate, function(i,val){ 
         alert( val );
        });
    }
});

Answer 2

Если есть общий элемент обтекания, то вы могли бы просто использовать это?Я предполагаю, что другие элементы окружены символом s, поэтому вы можете просто сделать:

if ($(this).is(":checked"))
{
    var checkbox = $(this);
    other_elements_in_the_row = checkbox.closest("td").siblings().children();
}


<tr>
    <td>
        <input type="checkbox" />
    </td>
    <td>
        <p>Hello!</p>
    </td>
    <td>
        <input type="text" value=", World" />
    </td>
</tr>

Это вернет <p>Hello</p> и другой ввод.