jquery - jQueryでdivをクリックしてliタグの値を取得する

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());
});