Javascript 在jquery中查找所选值

我想动态地获取td第n个子（7）值

<tr>
    <td><input type="checkbox"></td>
    <td>CTU2020062310272</td>
    <td>12079404 - CIF00000000062323</td>
    <td>0001-KAULA LAMPUR</td>
    <td>Hong Leong Bank</td>
    <td>23-06-2020</td>
    <td>Invoice Financing</td>
    <td>23-06-2020</td>
</tr>
<tr>
    <td><input type="checkbox"></td>
    <td>CTU2020062310272</td>
    <td>12079404 - CIF00000000062323</td>
    <td>0001-KAULA LAMPUR</td>
    <td>Hong Leong Bank</td>
    <td>23-06-2020</td>
    <td>Letter</td>
    <td>23-06-2020</td>
</tr>

---

我可以应用样式并更改值，但是没有获得值

您应该首先针对最近的tr元素，然后找到该元素。此外，td元素没有value属性，您必须使用

text（）

：

演示：

$（document）.on（'click'，'authpenrighttable tr'，function（）{
if（$（this.find（'td input'））.is（':checked'））{
$（this）.find（'td input'）.prop（'checked'，false）；
}否则{
$（this）.find（'td input'）.prop（'checked'，true）；
var docvalue=$（this）.closest（'tr'）.find（'td:nth child（7））.text（）；
console.log（docvalue）；
}
})

CTU2020062310272
12079404-CIF00000000062323
0001-KAULA-LAMPUR
丰隆银行
23-06-2020
发票融资
23-06-2020
CTU2020062310272
12079404-CIF00000000062323
0001-KAULA-LAMPUR
丰隆银行
23-06-2020
书信
23-06-2020

导航到

tr

元素，然后找到所涉及的子元素。一旦你有了它，读取值

---

$（this）.closest（'tr'）.find（'td:nth child（7））.text（）
@nagasai，您可以通过单击答案旁边的复选标记接受答案，将其从灰色变为填充：）
 $(document).on('click', '.authpenrighttable tr', function(){
        if(($(this).find('td input')).is(':checked')){
            $(this).find('td input').prop('checked', false);
        } else{
            $(this).find('td input').prop('checked', true);
            var docvalue = $(this).children('td:nth-child(7)').val();
            console.log(docvalue);
        }
    })

var docvalue = $(this).closest('tr').find('td:nth-child(7)').text();