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")
})

它的作用是,点击以"select"开头的id span内部li会改变背景颜色.