javascript - jQuery:查找最接近的tr类

下面是我的结构

-单击flight_itinerary类应打开flight_summary类html。

<table>
    <tr>
        <td>
            <table>
                <tr>
                    <td><a class="flight_itinerary">Flight Itinerary</a> </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr class="flight_summary" style="display:none;">
        <td>
            <table>
                <tr>
                    <td></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

这是我尝试打开tr标签的脚本

    $(document).on('click', '.flight_itinerary', function(){
            $(this).closest("tr").find('.flight_summary').toggle();
});

最佳答案

.find()查找与选择器匹配的后代。当您从tr转到最近的.flight_itinerary时，.flight_summary不是其后代。

要从.flight_summary进入.flight_itinerary，您必须上升到第二个tr，然后再转到下一个tr。您无需在那里使用.find，因为tr是.flight_summary。

$(document).on('click', '.flight_itinerary', function() {
  $(this).parents("tr").eq(1).next().toggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr><td>
    <table>
      <tr>
        <td><a class="flight_itinerary">Flight Itinerary</a>
        </td>
        <tr>
    </table>
    </td></tr>
    <tr class="flight_summary" style="display:none;">
      <td><table>
        <tr>
          <td>Flight Summary</td>
          <tr>
      </table>

      </td></tr>
</table>

关于javascript - jQuery:查找最接近的tr类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33151843/