Question

我有以下代码：

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

在jQuery中，点击具有li类的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
   });
});

<强>编辑：

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

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

Answer 3

当然是。

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

在jQuery中单击div后获取li标签的值

3 个答案: