Question

我想在jquery中循环通过id获取所有tr，并通过id从该tr打印特定的td，这些是我的tr：

<tr id="heroes">
 <td id="name">john </td>
 <td id="lastname"> doe</td>
</tr>

<tr id="heroes"> 
 <td id="name" > peter </td>
 <td id="lastname"> parker </td>

 <script>
    $(document).ready(function() {

    $('#heroes').each(function() {

     $(this).find('#name').each(function () {

        alert($(this).text());
      });
 </script>

Answer 1

首先，请参阅@CertainPerformance的评论。 id是唯一的，但您可以改用class。因此＃与交换。

jQuery：

$(document).ready(function() {
    $('.heroes').each(function() {
        $(this).find('.name').each(function () {
            alert($(this).text());
        });
    });
});

HTML：

<table>
    <tr class="heroes">
        <td class="name">john </td>
        <td class="lastname"> doe</td>
    </tr>
    <tr class="heroes"> 
        <td class="name"> peter </td>
        <td class="lastname"> parker </td>
    </tr>
</table>

运行示例：

$(document).ready(function() {
  $('.heroes').each(function() {
    $(this).find('.name').each(function() {
      alert($(this).text());
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="heroes">
    <td class="name">john </td>
    <td class="lastname"> doe</td>
  </tr>
  <tr class="heroes">
    <td class="name"> peter </td>
    <td class="lastname"> parker </td>
  </tr>
</table>

如何循环使用特定ID的tr

1 个答案: