jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在jQuery中获取父元素的索引大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在编写jQuery函数时遇到了一些麻烦,可以使用一些帮助.这就是我想要完成的事情:

我有一个带有5个孩子的ul元素.在页面的其他地方,我有一个容器div,有5个div孩子.当我点击第三个li中的链接时,我想隐藏其他div并仅显示第三个div.

目前,每次单击其中一个li中的链接时,它都会返回页面上所有li的li索引,而不是包含ul的索引.

这是我的代码

$('.products #productNav li a:not(.activE)').live('click',function() {
    var index = $(this).parent().index('li');
    alert(indeX);
    $('.products #copy div').fadeOut(200,function() {
        $('.products #copy div').eq(indeX).fadeIn(200);
    });
});

有任何想法吗?非常感谢.
马库斯

解决方法

将.index(‘li’)更改为.index(),以便它只获取其位置相对于其兄弟的索引号.

这是一个简化的例子:http://jsfiddle.net/cWWLM/

$('.products #productNav li a:not(.activE)').live('click',function() {

          // Get index of the parent <li> relative to its siblings
    var index = $(this).parent().index();
    alert(indeX);
    $('.products #copy div').fadeOut(200,function() {
        $('.products #copy div').eq(indeX).fadeIn(200);
    });
});

大佬总结

以上是大佬教程为你收集整理的如何在jQuery中获取父元素的索引全部内容,希望文章能够帮你解决如何在jQuery中获取父元素的索引所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。