jquery получить текст внутри <li>

У меня есть этот 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 (){});

как вам нравится?

Ответ 1

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

Ответ 2

Вам просто нужно выбрать li и зарегистрироваться для события click так,

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

(вы также можете проверить орфографию RestaurantSection;)

Ответ 3

Пытаться

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

Демо: скрипка

Ответ 4

Если вы используете синтаксис функции со стрелкой ES2015 для обратного вызова click, вы можете использовать $(e.currentTarget).text()

$(".RestauranstSection li").click((e)=>{ alert($(e.currentTarget).text()); });