Question

我有一张桌子。有复选框的列，当单击复选框时，我想从同一行的列名为'desc'值获取值。

我不知道如何定位该列。这就是我试过的：

jQuery( "input[type=checkbox]" ).on( "click", function() {
var value = jQuery(this).parent('TR').find('TD.desc').html();
});

jQuery( "input[type=checkbox]" ).on( "click", function() {
var value = jQuery(this).closest('.desc').html();
});

表与此类似，只是包含更多字段：

<table>
<tr>
<td>
<input type='checkbox'>
</td>
<td class="desc">
html
</td>
</tr>
</table>

Answer 1

使用parents（）而不是parent（）。＆＃34;父＆＃34;看起来直接的父母，而父母＆＃34;找到每个优秀的标签。

$(this).parents("tr").find("td").html();

不要使用大写字母＆＃34; TR＆＃34;，更好的用户＆＃34; tr＆＃34;。这就是你要找的东西。

Answer 2

$(document).ready(function(){
     $( "input[type=checkbox]" ).on( "click", function() {
         var value = $(this).parent().parent().find('td.desc').html();
      });
});



$(document).ready(function(){
     $( "input[type=checkbox]" ).on( "click", function() {
         var value = $(this).parents('tr').find('td.desc').html();
      });
});

Answer 3

也许你需要这个：

$(document).ready(function(){
    $( "input[type=checkbox]" ).on('click', function(){
        var value = $(this).parent().next().html();
    })
});

jsfiddle http://jsfiddle.net/55gfdamy/中的示例。

从同一行获取最接近复选框列的列html值

3 个答案: