jquery - リンク リストの最後の項目に対する異なるクリック アクション

Question

次のリストがあるとします。

<ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4 (different action)</a></li>
</ul>

マークアップを追加せずに、このリストの最後の項目に別のクリック アクションを割り当てることは可能ですか? つまり、最後のアイテムなどに class="last" などを追加する必要はありません

Answer 1

最後の項目のみのクリック イベント ハンドラーを意味する場合:

$("ul > li:last-child").click(function() {
  //
});

最後のクリック ハンドラーで別の動作をさせたい場合は、次のようにします。

$("li").click(function() {
  if ($(this).is(":last-child")) {
    // do something
  } else {
    // do something else
  }
});

Answer 2

これを試してください：

$('ul li a').slice(-1).click(function () {
   // Your general click handler here (All elements except last)
});

$('ul li:last-child a').click(function () {
   // Your more specific click handler here
});

Answer 3

:last セレクターを使用できます。

 $(".yourUL li:last a").click(...);

このようにして、選択した UL の最後の li にクリック イベント ハンドラーを追加します。

Answer 4

:last-child セレクターを使用するだけです。

$('ul li:last-child').click(myFunc);