Question

这是html代码：

<div class="tab_view">
    <div>
        <div>
            <div class="btn">
            </div>
        </div>
    </div>
</div>

<div class="tab_view">
    <div>
        <div>
            <div class="btn">
            </div>
        </div>
    </div>
</div>

<div class="tab_view">
    <div>
        <div>
            <div class="btn">
            </div>
        </div>
    </div>
</div>

这是代码

var idx = $(this).closest(".tab_view").index();

我希望点击[.btn]获取[.tab_view]的索引号

抱歉我的英语不好。

Answer 1

应该有效的

取决于你如何使用它，你的意思是this? CodePen here

var id = "";
$('.btn').each(function(){
  id += $(this).closest(".tab_view").index()+", ";
});
$('body').text(id);

Answer 2

如此简单，将下面的代码放在脚本代码中，并对html代码进行一些改动。

jquery :  
        $(document).ready(function (e){
           $(document).on("click",".btn",function (e){
              var ind = $(this).parent().parent().parent().index();
              alert(ind);
           });
        });

HTML : 
      <div class="tab_view">
         <div>
            <div>
               <div class="btn"> 1 </div>
            </div>
        </div>
      </div>

     <div class="tab_view">
        <div>
           <div>
              <div class="btn"> 2 </div>
           </div>
        </div>
     </div>

     <div class="tab_view">
        <div>
           <div>
              <div class="btn"> 3  </div>
           </div>
        </div>
     </div>

单击1,2,3它将为您提供tab_view类的当前索引号，您还可以在JSFiddle链接中看到您的更新代码是＆＃34; https://jsfiddle.net/jkLc1vy8/＆＃34;

我希望它会对你有所帮助。

如何在jquery中获取父...的父...索引？

2 个答案: