本人新手。问个jquery click的问题。多谢

Question

用 jquery addClass与removeClass
但第一个li想保持点击后的效果 
不会写了。请教下各位大神。我的代码如下

html

  <div id="con_vdjs_1" style="display: block;">
        <ul id="tab2">

          <li class="123">·<a href="url" title="title" onclick="playvideo('xxx', 'xxx')" >xxxxxxxx</a></li>
         
        </ul>

JQ

<script type="text/javascript">$(document).ready(function() {

    $("#tab2 a").click(function() {
        
        $(this).siblings('a').removeClass('cur');  // 删除其他兄弟元素的样式

        $(this).addClass('cur');                            // 添加当前元素的样式

    });</script>

想给a加个class 默认第一个是点击后的效果。点击第二个li 第一个li的class的去除。

Answer 1

HTML:<div&nbsp;id="con_vdjs_1"&nbsp;style="display:&nbsp;block;"> &nbsp;&nbsp;<ul&nbsp;id="tab2"> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;class="123"><a&nbsp;href="#"&nbsp;title="title">xxxxxxxx</a></li> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;class="123"><a&nbsp;href="#"&nbsp;title="title">xxxxxxxx</a></li> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;class="123"><a&nbsp;href="#"&nbsp;title="title">xxxxxxxx</a></li> &nbsp;&nbsp;</ul>CSS://&nbsp;被选中的元素高亮.cur&nbsp;a{&nbsp; &nbsp;&nbsp;color:red; }JS:$(document).ready(function()&nbsp;{&nbsp;&nbsp;//&nbsp;在父元素上&nbsp;对元素&nbsp;a&nbsp;进行事件代理，即当元素a被点击时，事件冒泡到父元素，执行如下方法 &nbsp;&nbsp;$("#tab2").on("click",&nbsp;"a",&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$(this).parent().siblings('li').removeClass('cur');&nbsp;//&nbsp;去除其他的高亮&nbsp;class&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;$(this).parent().addClass('cur');&nbsp;//&nbsp;添加当前元素的样式 &nbsp;&nbsp;}) });