从 rowid 获取 table 个单元格 ID

Question

我有一个两行三列的 table:

<table>
  <tr id='a'>
    <td id='aa'>Cell A</td>
    <td id='ab'>Cell B</td>
    <td id='ac'>Cell C</td>
  </tr>
  <tr id='b'>
    <td id='ba'>Cell A</td>
    <td id='bb'>Cell B</td>
    <td id='bc'>Cell C</td>
  </tr>
</table>

如何使用 javascript 或 jquery 获取特定 <tr> 下的所有 <td> ID？

提前致谢。

Answer 1

你应该循环遍历一行中的所有 tds，例如从 #a

获取 td id

$(document).ready(function(){
    $('table #a td').each(function(){
        alert($(this).attr('id'));
    });
});

参见DEMO

Answer 2

你应该遍历一行中的所有 tds

$(document).ready(function(){
    $('table #a td').each(function(){
        alert($(this).attr('id'));
    });
});

Answer 3

通过这种方式获取<tr id='a'>下<td>的所有ID：

$('#a td').each(function(td){
  console.log($(this).attr('id'));  // check your console after running this
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr id='a'>
    <td id='aa'>Cell A</td>
    <td id='ab'>Cell B</td>
    <td id='ac'>Cell C</td>
  </tr>
  <tr id='b'>
    <td id='ba'>Cell A</td>
    <td id='bb'>Cell B</td>
    <td id='bc'>Cell C</td>
  </tr>
</table>

如果您想要另一行，只需更改 <tr> ID。

了解更多：

Answer 4

您可以使用 map() 其中 return 匹配 ID 的数组，如下所示：

var idArray = $('#a td').map(function(i,elm) {
  return elm.id;
}).get();
console.log(idArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr id='a'>
    <td id='aa'>Cell A</td>
    <td id='ab'>Cell B</td>
    <td id='ac'>Cell C</td>
  </tr>
  <tr id='b'>
    <td id='ba'>Cell A</td>
    <td id='bb'>Cell B</td>
    <td id='bc'>Cell C</td>
  </tr>
</table>

从 rowid 获取 table 个单元格 ID

Get table cell id from rowid

html

javascript

jquery

jsp

html-table