标签：jquery javascript numbers element

所以我在页面上有几张幻灯片,每张幻灯片都有一个menuitem.
如果单击menuitem#1,我想转到幻灯片#1,依此类推.
到目前为止没问题,但我不想为每个项目进行硬编码.

有没有办法计算哪个#child元素被点击了？ (最好是jQuery)

<nav id="mainNav">
    <ul>
        <li>
            <a href="#">Hello</a>
        </li>
        <li>
            <a href="#">World</a>
        </li>
        <li>
            <a href="#">Blaa</a>
        </li>
    </ul>
</nav>

解决方法:

由于您使用的是jQuery,因此可以使用index方法：

$('#mainNav a').click(function() {
    alert($(this).parent().index());
    return false;
});

或者如果< a>可以任意嵌套,你可以使用这样的东西：

$('#mainNav a').click(function() {
    alert($(this).closest('#mainNav > ul > li').index());
    return false;
});

demonstration

标签：jquery,javascript,numbers,element
来源： https://codeday.me/bug/20190718/1491781.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。