javascript - jquery: onclick 改变背景颜色

Question

我有以下 UL - LI html。

<UL>
<LI><span id='select1'>Text</span></LI>
<LI><span id='select2'>Text</span></LI>
<LI><span id='select3'>Text</span></LI>
<LI><span id='select4'>Text</span></LI>
<LI><span id='select5'>Text</span></LI>
<LI><span id='select6'>Text</span></LI>
</UL>

如果我点击特定的 <span> , 它的背景颜色应该改变。即如果我点击具有 id='select3' 的跨度, 它的背景颜色应该改变。

这如何使用 jQuery 完成？

Answer 1

试试这个:

$('li span[id^="select"]').click(function(){
   $(this).css('background-color',"#ccc")
})

它的作用是，单击 li 中的 span，id 以“select”开头，会更改背景颜色。