如何将儿童和儿童的儿童元素列入清单

时间:2012-11-11 06:58:25

标签: jquery

使用此JSFiddle http://jsfiddle.net/fGTqF/如何在SALE的子类别下显示子类别?例如,SALE>下还有其他类别。皮带和销售>配件,但我无法想象如何定位他们显示。下面的代码将显示SALE下的子类别,但我需要它来显示SALE子类别的子类别。

var $currentCategory = "Sale";
var s = $(".sideCatMenu a").filter(function(){
    return $.trim($(this).text()) === $currentCategory
}).addClass('active').eq(1).next().show()

1 个答案:

答案 0 :(得分:0)

以下内容将显示包含文字Sale

的锚点后的所有项目
var $currentCategory = "Sale";
var s = $(".sideCatMenu a").filter(function() {
    return $.trim($(this).text()) === $currentCategory;
}).addClass("active").next().show();​​

您的代码可能无意中出现的错误是文本Sale没有第二个元素(在该上下文中)。请记住,.eq()使用从零开始的索引。所以你可能正在寻找的是(如果你真的想限制你的搜索):

var $currentCategory = "Sale";
var s = $(".sideCatMenu a").filter(function() {
    return $.trim($(this).text()) === $currentCategory;
}).addClass("active").eq(0).next().show();​​

然而,我不明白的一件事是你为什么要添加类然后限制数组,因为匹配选择器和过滤器的所有元素都是红色的,但只有其中一个会有显示其项目。如果你想解决这个问题,只需使用:

var $currentCategory = "Sale";
var s = $(".sideCatMenu a").filter(function() {
    return $.trim($(this).text()) === $currentCategory;
}).eq(0).addClass("active").next().show();​​