javascript - 获取 li 的数量并将其分配给函数

Question

我有一个 ul 作为带有一些 li 元素的导航。

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

尽管我获得了相同数量的 div 元素，但我可以使用 .scrollTo( "number of div") 定位，从 0 开始.我可以自己这样做:

$("ul li:nth-child(1)").on('click', function(){
   sliderInstance.goTo(0);
});
$("ul li:nth-child(2)").on('click', function(){
   sliderInstance.goTo(1);
});
$("ul li:nth-child(3)").on('click', function(){
   sliderInstance.goTo(2);
});
$("ul li:nth-child(4)").on('click', function(){
   sliderInstance.goTo(3);
});

但这似乎既不聪明也不高效。 Imagen 我有大约二十个 div 和 li 元素。是否有一个很好的调整结合.size()，.length()或其他我不知道的东西？

Answer 1

只是为了多样性:

var $li = $('ul li').on('click', function (event) { 
    sliderInstance.goTo($li.index(this));
})