如题,代码如下:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>js获取tr内td数量及值</title><style>* {font-family: 'MICROSOFT YAHEI';margin: 0;padding: 0;}#testDiv {width: 800px;margin: 3px auto;padding: 15px 10px;text-align: center;border: 1px solid #bdf3d4;text-align: center;}#testDiv table {width: 100%;}</style><script type="text/javascript" src="../../js/jquery-2.1.0.js"></script><script>$(function() {$('#testDiv table tr').on('click', function() {var self = $(this);console.log('jquery获取tr中td数量' + self.children('td').length);console.log('jquery获取td值为:');self.each(function() {console.log($(this).text());});/* var varclone=self.clone(true);$('#testDiv table').append(varclone); */});//console.log('表格 第2行第3列值='+$('#testDiv table tr:eq(1) td:eq(2)').text());});function getTdNum(obj) {var varTr = obj.getElementsByTagName('td');console.log('js获取 tr中td数量:' + varTr.length);console.log('js获取td值为:');for (var i = 0; i < varTr.length; i++) {console.log(varTr[i].innerHTML);}}</script></head><body><div id="testDiv"><table cellpadding="0" cellspacing="0" border="0"><tr οnclick="getTdNum(this)"><td>1</td><td>测试</td><td>测试</td><td>-07-30</td><td>-07-31</td><td>500</td><td>600</td><td>测试</td></tr><tr οnclick="getTdNum(this)"><td>2</td><td>测试<a></td><td> 1</td></tr></table></div></body></html>
结果如下:
全文完。