javascript - CSSセレクターを介してパラメーターをjavascript関数に渡す

Question

要するに、私は.liのセットを持っています

<ul>
  <li class="lmit_1"><a href="#" >Home</a></li>
  <li class="lmit_2"><a href="#">About us</a></li>
  <li class="lmit_3"><a href="#">Who we are</a></li>
  <li class="lmit_4"><a href="#">Whats new</a></li>
  <li class="lmit_5"><a href="#">Contact Us</a></li>    
</ul>

そして私のJavaScript（jQuery）

<script>
  $(".lmit_" + id).click(function () {
    alert(id);
  });
</script>

私がやろうとしているのは、css クラスの最後にある数字をパラメーターとして受け取ることです (たとえば、.lmit_3 は id = 3 を許可します)。したがって、alert(id) は数字 3 のポップアップにつながるはずですか? 私はプログラミングとJavaScriptの両方に慣れていないので、答えが私を見つめている場合は申し訳ありません...

Answer 1

$('[li][class^="lmit_"]').click(function () {
  alert($(this).attr('class').split('_')[1]);
});

$（'li'）を使用する場合、いずれかのliをクリックすると、「limit_」クラスもありません。

Answer 2

上記の答えはすべて正しいです。のアイテム番号を取得したい場合<ul>は、別の方法があります。

$('li').click(function() {
    alert($(this).index()+1);
});

利点は、クラス名を生成する必要がないことです (それが使用されるすべての場合)。

Answer 3

これを試して

$('ul li').on('click', function(){
    alert($(this).prop('class').split('_')[1]);
});