jQuery类选择器仅选择类的第一个元素
问题描述:
下午。我正在为这种情况而努力。jQuery类选择器仅选择类的第一个元素
我在AnythingSlider幻灯片中有一个非常简单的选项卡式内容。第一张幻灯片的标签工作正常,但是,当我切换幻灯片标签不会工作。
只有第一张幻灯片能够正常工作,如果我更改了幻灯片并点击了标签,我可以在Chrome的开发人员工具上看到第一张幻灯片的标签正在更改。
这是标签脚本。
$(document).ready(function(){
$('.top5tabs').css("display","block");
$('.top5tabs div').hide();
$('.top5tabs div:first').show();
$('.top5tabs ul li:first').addClass('active');
$('.top5tabs ul li a').click(function(){
$('.top5tabs ul li').removeClass('active');
$(this).parent().addClass('active');
var currentTab = $(this).attr('href');
$('.top5tabs div').hide('fast');
$(currentTab).show('fast');
return false;
});
});
这是在每张幻灯片上重复的html。
<div class="top5tabs">
<ul class="tabnav">
<li><a href="#tab-1">option 1</a></li>
<li><a href="#tab-2">option 2</a></li>
</ul>
<div id="tab-1" class="tabdiv">content</div>
<div id="tab-2" class="tabdiv">content</div>
</div>
似乎在这里工作:http://jsfiddle.net/b62Gq/你可以上网页本身? – kei
它确实为1个元素工作,但是当在同一页面中有多个选项卡时,它不会工作 – Ivand
请参阅此处。 http://jsfiddle.net/b62Gq/1/ – Ivand