jquery - 在jQuery中单击一个div后获取li标签的值

Question

我有以下代码：

<div class="ranges">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

li在 jQuery 中，是否可以在单击具有类的 div 后获取 的值ranges？

$('.ranges').click(function(){
    //code
});

Answer 1

将事件附加到li元素本身要容易得多：

$('.ranges li').click(function(){
    alert($(this).text());
});

如果您确实只想将事件附加到.ranges您可以委托它的元素，如下所示：

$('.ranges').on('click', 'li', function(){
    alert($(this).text());
});

Answer 2

li是的，您可以在下面的代码中获得使用价值：

$('.ranges').click(function(){
   $.each($(this).find('li'),function(index,val){
         alert($(this).find('li')[index].text()); //here will be value of li
   });
});

编辑：

如果您想要 clicked 的值，请li使用以下代码：

$('.ranges li').click(function(){
     alert($(this).text());
});

Answer 3

当然是。

$('.ranges').click(function(e){
  console.log(e.target);
});