javascript – 使用jQuery,如何在指定CSS类的兄弟之间找到元素的索引

前端之家收集整理的这篇文章主要介绍了javascript – 使用jQuery,如何在指定CSS类的兄弟之间找到元素的索引前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给出以下 HTML
<div class="component">
    <div class="component">
        <div class="component">
        </div>
    </div>
    <div class="component">
        <div class="somethingelse">
        </div>
        <div class="component">
        </div>
        <div class="component">
            <input type="button" value="Get Path" onclick="showPath(this)" />
        </div>
    </div>
</div>

我正在尝试编写函数showPath,以便它返回父div的索引,与其类组件的兄弟相关.所以在上面的示例中,我希望函数返回1.

我已经走到这一步了,但它回归2;我不知道该怎么做才能忽略一些类的div

function showPath(element) {
    var component = $(element).closest('.component');
    alert(component.index());
}

解决方法

试试这个(尚未测试):
function showPath(element) {      
  var component = $(element).closest('.component');     
  alert(component.parent().find(".component").index(component)); 
}

猜你在找的jQuery相关文章