请教一个Jquery删除样式的问题

Question

 jQuery(".nav li a span").click(function () {
                    jQuery(this).parent().siblings().find("span").removeClass("liaspan");
                    jQuery(this).addClass("liaspan");
                })
为什么执行以后能添加样式 但是无法删除样式呢
改成jQuery(this).this.removeClass("liaspan");也不行。

Answer 1

没有找对元素，你用alert把找到的元素弹出来看看，是不是你要的。

Answer 2

代码没问题呀，
可能是你没找到正确的元素吧。DOM结构发出来看看

Answer 3

判断一下，有没有样式
alert( $('#id').hasClass("liaspan") )

Answer 4

<li><a href="#" ><span>数据查询</span></a></li>这是结构！

Answer 5

试试这样jQuery(this).parent().siblings().each(function () {
            $(this).find('span').removeClass("liaspan");
        });

Answer 6

或是这样：
jQuery(this).parent().parent().siblings().each(function () {
            $(this).find('span').removeClass("liaspan");
        });

Answer 7

还是清除不了样式 难道得按节点查找<span>?

Answer 8

你代码发全一点。.nav 这个节点的全贴出来看看

Answer 9

<ul class="nav">
     <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>数据查询</span></a></li>
    <li><a href="#" ><span>上传下载管理</span></a></li>
    <li><a href="#" ><span>上传下载管理</span></a></li>-->
  </ul>

Answer 10

执行清除样式的onclick在标签li上