按Id设置的jQuery选择器不工作
这是我的问题: 我有一组由jQuery脚本管理的三个手风琴盒,如下所示:按Id设置的jQuery选择器不工作,jquery,html,selector,Jquery,Html,Selector,这是我的问题: 我有一组由jQuery脚本管理的三个手风琴盒,如下所示: jQuery(文档).ready(函数($){ jQuery('.accordion.accordion节内容').hide(); jQuery('.accordion.accordion节标题:first').addClass('active').next().show(); jQuery('.accordion.accordion节标题')。单击(函数(){ if(jQuery(this).next().is(':h
jQuery(文档).ready(函数($){
jQuery('.accordion.accordion节内容').hide();
jQuery('.accordion.accordion节标题:first').addClass('active').next().show();
jQuery('.accordion.accordion节标题')。单击(函数(){
if(jQuery(this).next().is(':hidden')){
jQuery('.accordion.accordion节标题').removeClass('active').next().slideUp();
jQuery(this).toggleClass('active').next().slideDown();
}否则{
jQuery(this).removeClass('active').next().slideUp();
}
return false;//防止浏览器跳转到链接锚点
});
});代码>
一些文本
一些文本
一些文本
我相信
jQuery('.accordion .accordion-section-title:eq(1)')
我们应该做到这一点。:eq(1)
将过滤掉基于0的列表中的第二个DOM元素。jQuery('.accordion.accordion节标题:first')
选择
jQuery('#accordion-2')
选择
您需要jQuery('#accordion-2').prev()
问题不在于jQuery选择器,而在于.next()
改为尝试以下方法(经过测试,效果良好):
妈的,我累了。。。太谢谢你了,真不敢相信我居然没看到!:-)
jQuery(document).ready(function($) {
jQuery('.accordion .accordion-section-content').hide();
jQuery('#accordion-2').addClass('active').show();
jQuery('.accordion .accordion-section-title').click(function(){
if( jQuery(this).next().is(':hidden') ) {
jQuery('.accordion .accordion-section-title').removeClass('active').next().slideUp();
jQuery(this).toggleClass('active').next().slideDown();
}else {
jQuery(this).removeClass('active').next().slideUp();
}
return false; // Prevent the browser jump to the link anchor
});
});