2

私はウェブ開発の初心者です。ばかげた質問かどうかはわかりません。

<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>

各liのホバーで、どの子のulの数を知りたいです。つまり、「ホーム」にカーソルを合わせると、子として番号 0 を与える必要があり、「ブログ」にカーソルを合わせると、子供に番号 2 を与える必要があります。

4

5 に答える 5

7

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();
});
于 2013-07-25T10:37:41.810 に答える
0

index() を試す

http://api.jquery.com/index/

  $(".navigation ul li").hover(function(e) {
   alert($(this).index());
});

より多くの可能性

于 2013-07-25T10:36:41.690 に答える