【JS,jQuery】click to know class name

by tea4two

HTML

<ul>
    <li class="cl01">1</li>
    <li class="cl02">2</li>
    <li class="cl03">3</li>
</ul>
<p class="result"></p>

JavaScript

$('ul').on('click', 'li', function (e) {
    var cl = $(this).attr('class');
    switch (cl) {
        case 'cl01':
            $('.result').text('1でっせ'); break;
        case 'cl02':
            $('.result').text('2でっせ'); break;
        case 'cl03':
            $('.result').text('3でっせ');
    }
    console.log(e);
    e.preventDefault();
});