Question

我有一个包含两行三列的表格：

<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获取特定<td>下的所有<tr> 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

以<td>这样的方式获取<tr id='a'>的所有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()返回匹配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获取表格单元格ID

4 个答案: