javascript – jquery – 获取最近div的id?

前端之家收集整理的这篇文章主要介绍了javascript – jquery – 获取最近div的id?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨我有一张车辆列表
<table>
 <tr class="${(i % 2) == 0 ? 'odd' : 'even'}" id ="rows">
   <td>
      <div class="check_Box_div">
       <div class="check_Box_list">
         <g:checkBox id = "isActive_${i}" class="isActive" name="isActive"  value="${vehicleInstance?.isActive}" />
          <input type="hidden" value="${vehicleInstance?.id}" class="vehicleId" name="vehicleId" id="isActive_${i}_" />
        </div>
       <div class="display_image" id ="display_image_${i}"></div>
      </div>    
    </td>

  </tr>

table有很多行
我想得到div的id,其中类名为“display_image”,我试图让它变成每一行@H_301_6@

$(".isActive").click(function() {
     var checkBox_id = $(this).attr("id");
     var checkBox = $('#'+checkBox_id);
     var div_id =$('#'+checkBox_id).closest("div").find(".display_image").attr("id"); // always returns div_id =display_image_0(div id of first row)

这适用于第一行但第二行也只返回第一行div的id
我应该做什么改变,以便我将获得每一行div的id@H_301_6@

解决方法

向上直到找到行,然后再向下找到显示图像:
$(".isActive").click(function() {
    var div_id = $(this).closest('tr').find('.display_image').attr(id);
    // ...
});

请注意,这完全不依赖于原始元素的ID – 只是DOM中元素的布局.@H_301_6@

可以使用更优化的解决方案,但无论每行中.isActive和.display_image元素的相对位置如何,此解决方案都可以使用.@H_301_6@

原文链接:https://www.f2er.com/jquery/158419.html

猜你在找的jQuery相关文章