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

Get column's html value closest to checkbox column, from the same row

本文关键字：最接近 复选框 获取 html 一行      更新时间：2023-09-26

我有一张桌子。有带有复选框的列，单击复选框时，我想从同一行的名为"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>

使用 parents（） 而不是 parent（）。"父"看起来是直系父，而"父母"找到每一个上级标签。

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

不要使用大写字母"TR"，最好使用"tr"。这就是你要找的。

$(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();
      });
});

也许你需要这个：

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

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

相关文章：