1

javascript/jQueryを使用して、クリックされたページまたは「アクティブ」なページが動的になる可能性がある場合に、別の画像を表示しようとしています。各liに一意のIDを付けて、javascriptを使用したいと思います。

私はJavaScriptが初めてで、どこから始めればよいかわかりません。どんな助けでも素晴らしいでしょう。ありがとう。

<ul data-identifier="50dd2c0b-3904-4100-9076-627145a3a949" class="active nav-edit " id="nav-main-menu">
     <li class=" nav-link  active ">
         <a href="/about" data-toggle="" class=" nav-link  active ">ABOUT </a>
     </li>
     <li>
         <a href="/teachers" data-toggle="" class=" nav-link ">FOR TEACHERS </a>
     </li>
      <li><a href="/students" data-toggle="" class=" nav-link ">FOR STUDENTS </a>
     </li>
     <li><a href="/parents" data-toggle="" class=" nav-link ">FOR PARENTS </a>
     </li>
     <li><a href="/contact" data-toggle="" class=" nav-link ">CONTACT US </a></li>
     <li><a href="/register" data-toggle="" class=" nav-link ">REGISTER </a></li>
</ul>
4

2 に答える 2

2

jQuery:.eachコールバック関数でインクリメント インデックスを使用できます。

$("#nav-main-menu li").each(function(index) {
    $(this).attr("id", "id" + index);
});

リストの長さに関係なく、それぞれliに から始まる IDが付けられます。id0

于 2013-07-09T14:54:01.097 に答える