jQuery：查找最接近的tr类

debugcn 发表于 Dev

西瓦

下面是我的结构

-单击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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。