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

演示：Fiddle

Answer 4

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

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

jquery获取<li> </li>中的文本

4 个答案: