给出以下
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));
}