javascript - jquery 获取 <li> 内的文本

Question

我有这个div

<div class="RestauranstSection">
    <label>
        Restaurant:
    </label>
    <input type="text"/>
    <input type="button" value="Search"/>
    <ul>
        <?php while ($row = $restaurants->fetch()) {
            ?>
            <li id="<?php echo $row['ID']; ?>">
                <?php echo $row['name']; ?>
            </li>
        <?php } ?>
    </ul>
</div>

我想在按下任何 li 元素时提醒其文本，

$(".RestauranstSection").on('click','li',function (){});

请问如何？

Answer 1

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