jQuery - 添加和删除类
问题描述:
我试图让它有一个默认选项卡,当另一个被点击时,它将该类从该选项卡移到被点击的类上。jQuery - 添加和删除类
下面是我有HTML:
<div id="rightWrap">
<div id="headStep"><span class="titleSub">Workers</span></div>
<center>
<br>
<a href="../about/?s=architect"><table class="highlight">
</table></a>
<br>
<a href="../about/?s=broker"><table class="">
</table></a>
<br>
<a href="../about/?s=operator"><table class="">
</table></a>
<br>
<a href="../about/?s=consultant"><table class="">
</table></a>
</center>
</div>
和JavaScript:
$(document).ready(function() {
$('#rightWrap a table').click(function(){
$(this).addClass('highlight').siblings().removeClass('highlight');
});
});
答
我想你可以简化它到这个;
$(document).ready(function() {
$('#rightWrap a table').click(function(){
$('#rightWrap').find('.highlight').removeClass('highlight');
$(this).addClass('highlight');
});
});
您的HTML也需要一些认真的工作。为什么是空表?
答
你的表没有兄弟姐妹。
$(document).ready(function() {
$('#rightWrap a table').click(function(){
var $this = $(this);
$this.parent().siblings('a').find('table').removeClass('highlight');
$this.addClass('highlight');
});
});
注意,如果网页的DOCTYPE是不是HTML5,与<a>
元素包裹表,使您的文件无效。
为什么在锚标签内表? – nhahtdh
非常讨厌的标记 – mplungjan