链接“兄弟姐妹”和“不”方法

时间:2011-12-05 15:09:43

标签: jquery jquery-selectors siblings

我正在尝试链接.siblings和.not方法:

$(nextBanner).siblings(".banner").not(".active").hide();

但它不起作用 - 有没有人知道如何定位一组兄弟姐妹并排除那些有特定类的兄弟姐妹?

您可以在此处观看我的示例:http://jsfiddle.net/timkl/56Mqg/25/

4 个答案:

答案 0 :(得分:5)

尝试:

$(nextBanner).siblings(".banner:not(.active)").hide();

答案 1 :(得分:3)

您只是忘了删除active - 类。我只修改了一些示例(我根本不使用siblings())所以它可以工作:http://jsfiddle.net/56Mqg/27/

答案 2 :(得分:2)

试试这个

$(prevBanner).siblings(".banner:not(this)").hide();
// and
$(nextBanner).siblings(".banner:not(this)").hide();

您也可以$(".banner").hide()然后$(nextBanner).show();

答案 3 :(得分:1)

试试这个

$('.banner').hide();
$(prevBanner).show().addClass("active");

$('.banner').hide();
$(nextBanner).show().addClass("active");

你的代码几乎没有我在你的小提琴中纠正的缺陷。看看吧。

工作demo