Jquery 检索div的位置，不包括具有类名的特定div 顶级内容 exrt 内容扩展 中等含量 额外内容 额外内容 底部内容

我需要的输出是ContentTop、MidContent和ContentBtm类的div的索引

例如，如果我单击div MidContent，我需要的输出是位置2，因为它不包含hide类

---

对于不包含类名“hide”的div，我需要将div的计数设为1、2和3。请尝试此选择器将为您提供所有未隐藏该类的div元素

对于单击事件，您可以执行此操作

<div class="center">
    <div id="ContentTop" class="tt1">Top Content</div>
    <div id="abc" class="hide">exrt</div>
    <div id="bcd" class="hide">Content exta</div>
    <div id="MidContent" class="tcg">Mid Content</div>
    <div id="dcd" class="hide">Extra Content</div>
    <div id="asd" class="hide">Extra Content</div>
    <div id="ContentBtm" class="hide">Bottom Content</div>
</div>

试试这个：

$('.center').click(function(e)
{
   var id =  e.target.id;
   $(".center").children(":not(div.hide)").each(function(index){
         if($(this).attr("id") ==  id)
            alert(index);
     });
}
);

---

下面是JSFIDLE：显示了该代码在html中的实现，另外，

index

是数组的索引

$（this）.index（）

在这里工作：问题已编辑，我需要单击事件

$（'.center'）中的索引。单击（函数（）{index（this}）；

$(document).ready(function(){
    /*get all divs inside center which are not hidden*/
    $(".center").children().not(".hide").each(function(i,e){
      /* If any one of them is clicked, show their index inside center */
      $(this).on("click", function(event){
        alert("I am div number" + (i+1));
      });
    });
});