如何知道UI元素的确切子数？

Question

我是网络开发的新手.不确定这是不是一个愚蠢的问题.

<nav class="navigation">
    <ul class="navigation-items-container">
      <a href="#"><li class="navigation-items">Home</li></a>
      <a href="#"><li class="navigation-items">about</li></a>
      <a href="#"><li class="navigation-items">blog</li></a>
      <a href="#"><li class="navigation-items">contacts</li></a>
    </ul>
/nav>

在悬停每个李我想知道它在哪个孩子的数量ul.即在徘徊"家"时,它应该作为0号儿童,并在徘徊"博客"它应该给2号儿童.

Answer 1

正如你已经包含了jQuery标签我将发布一个基于jQuery的答案 - 如果你想要一个非jQuery的答案让我知道:

$(".navigation-items-container li").hover(function(e) {
    var index = $(this).index();
});

而且,你的标记是错误的,锚点应该在li标签内

当前代码的版本(虽然应该更改):

$(".navigation-items-container a").hover(function(e) {
    var index = $(this).index();
});