jquery get the text inside <li>

Question

I have this 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> 

I want when press on any li elements to alert its text,

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

how please?

Answer 1

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

Answer 2

You just have to select the li and register for the click event like so

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

(you also might want to spell check RestaurantsSection ;)