单击时,我想将一个类添加到锚标记,并从所有同级中删除该类。但是,我当前的代码似乎没有从其他元素中删除该类,尽管它似乎确实在单击时添加了该类。
这是我的代码:
$("ul li").each(function(){
$(this).click(function(){
$(this).children().addClass('cell-selected').siblings().removeClass('cell-selected');
});
});
.cell-selected { color: #fff; background: #5b2200; border-color: #ce5209; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a class="cell">Plan 1.1</a></li>
<li><a class="cell">Plan 1.2</a></li>
<li><a class="cell">Plan 1.3</a></li>
</ul>
<ul>
<li><a class="cell">Plan 2.1</a></li>
<li><a class="cell">Plan 2.2</a></li>
<li><a class="cell">Plan 2.3</a></li>
</ul>
上传于http://jsfiddle.net/9wky66ju/24/ http://jsfiddle.net/9wky66ju/24/
jsFiddle Demo http://jsfiddle.net/971n28hh/
您可以使用.parent()
返回兄弟姐妹,但随后您需要选择班级cell-selected
为了从这些元素中删除该类。
$("ul li").click(function(){ // don't need each (click does this internally)
$(this).children().addClass('cell-selected') //add cell-selected class to a
.parent() //go back to li
.siblings() //look at siblings
.find('.cell-selected') //find cell-selected elements
.removeClass('cell-selected'); //remove the class
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)