如何使用jQuery获取表td值

我尝试使用JQuery从下面的html代码中获取td值。在论坛中采纳了一些建议，但不起作用

代码位于：[/http://jsfiddle.net/zqv05ab8/][1]

<tr>
  <td>   <input id="go" type="button" value="Go" /></td>
  <td>Test 1</td>
  <td><span>
       <table id="table1" >
          <tr>
            <th >Column A</th>
            <th >Column B</th>
            <th >Column C</th>
            <th>Column D</th>
          </tr>
          <tr>
            <td >AAA</td>
            <td >BBB</td>
            <td >CCC</td>
            <td> DDD</td>
          </tr>     </table>
     
    </span></td>
    <td><span>09/23/2020</span></td></tr>
 
jquery code is:

$('#go').click( function() {
     
   var trs=$('#table1').children().find('tr').length;   
     alert(trs);     
       
  var  tmp1=$(this).closest('#table1').find('tr:first td:first').html();
  alert('tmp1: '+ tmp1);
  
  var firstTdFirstRow = $(this).closest('tr').find('#table1 tr:first td:first').html();  
  alert('firstTdFirstRow: ' + firstTdFirstRow);
   
   var trstr=$('#table1').children().find('tr:first td:first').html();
   aler('trstr: '+ trstr);
    
    });


  [1]: http://jsfiddle.net/zqv05ab8/

测试1
A列
B栏
C列
D列
AAA
BBB
CCC
DDD
09/23/2020
jquery代码是：
$（'#go'）。单击（函数（）{
var trs=$（'#table1'）.children（）.find（'tr'）.length；
警报（trs）；
var tmp1=$（this）.closest（'#table1'）.find（'tr:first td:first'）.html（）；
警报（“tmp1:”+tmp1）；
var firstTdFirstRow=$（this）.closest（'tr'）.find（'#table1 tr:first td:first'）.html（）；
警报（'firstTdFirstRow:'+firstTdFirstRow）；
var trstr=$（'#table1'）.children（）.find（'tr:first td:first'）.html（）；
aler（'trstr:'+trstr）；
});
[1]: http://jsfiddle.net/zqv05ab8/

您可以使用

.closest（'tr'）

然后使用

.find（）

查找

tr

中单击按钮的表，然后使用此获取所有

th

和

td

值

演示代码：

$（'go'）。单击（函数（）{
var trs=$（'#table1'）.children（）.find（'tr'）.length；
//getclosest tr->thn在等式（0）引用的第一个td中查找表，对所有td执行相同操作
var tmp1=$（this）.closest（'tr'）.find（'#table1 tr:eq（0）th:eq（0）'）.html（）；
警报（“tmp1:”+tmp1）；
var firstTdFirstRow=$（this）.closest（'tr'）.find（'#table1 tr:eq（1）td:eq（0）'）.html（）；
警报（'firstTdFirstRow:'+firstTdFirstRow）；
//使用每个循环获取所有数据
$（this）.closest（'tr'）.find（'#table1 tr'）.children（）.each（function（））{
console.log（$（this.text（）.trim（））
})
});

测试1
A列
B栏
C列
D列
AAA
BBB
CCC
DDD
09/23/2020
使用eq工作

var tmp1=$（'#表1'）.find（'tr:eq（1）'）.find（'td:eq（2）'）.html（）

对于变量，使用colindex获取行，然后使用td单元格值

var tmp2=$（this）.closest（'tr'）.find（'#table1'）.find（'tr:eq（'+colindex+'））.find（'td:eq（0）'）.html（）
 谢谢，情商是让它工作的关键。