求大神指教！~实现多个相同元素，点击其中的一个元素选择后，其他的元素就不给再点击选择？？

Question

有4个评价，当点了一个评价添加类on之后，其他的不给点击只提示你已经评价~ 弄了我好久了~求求大家指导下(我目前的做法都会给每个li添加on！好烦)

Answer 1

你有没有想过如果点错了呢。。你应该点击哪个加上on，然后同时移除其他li的on样式，你确定要点击就不给修改，自己先判断li是否存在on项，并且点击的不是已经存在on的就提示

 <style>li.on{color:green}</style>
<ul id="ul">
    <li>很满意</li>
    <li>满意</li>
    <li>一般</li>
    <li>差</li>
</ul>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $('#ul li').click(function () {
        if (!$(this).hasClass('on') && $(this).siblings().hasClass('on')) alert('你已经评价');
        else this.className='on'
    });
</script>