javascript - jquery获取里面的文字

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

Answer 2

您只需要选择 li 并像这样注册点击事件

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

（您可能还想拼写检查 RestaurantsSection ；）

Answer 3

尝试

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

演示：小提琴

Answer 4

如果您使用 ES2015 箭头函数语法进行click回调，您可能需要使用$(e.currentTarget).text()

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