javascript - 单击列表元素以获取警报

Question

假设我有一个链接列表:

<a id="home" href="#"> home link </a><br/>
<a id="list1" href="#"> some text1 </a><br/> 
<a id="list2" href="#"> some text2 </a><br/> 
<a id="list3"> href="#"> some text3 </a><br/> 
<a id="list4" href="#"> some text4 </a><br/
<a id="list5" href="#"> some text5 </a><br/>
<a id="list sails" href="#"> sails link </a><br/>

如果单击某个列表链接，我会收到一 strip 有文本的警报。

我写了一个脚本，但它不正确，它看起来像这样:

function lunch(){
  alert( $(this).text()) }

对于

<a id="listn" href="#" onclick="lunch()"> some text5 </a><br/>

如何在 jQuery 或 JavaScript 中执行此操作？

Answer 1

$('a[id^=list]').click(function () {
    alert($(this).text());
});

这适用于 ID 以“list”开头的所有链接。如果您希望它适用于所有链接，请将选择器更改为 $('a')。