Question

我有一个选择菜单，根据ID显示或隐藏列表项。除了我的列表有多个具有相同ID值的LI。

这仅显示列表中具有匹配ID值的第一个LI。

$(function() {
    $("#orientation").change(function() {
        if (this.value == 'all') {
            $("#images").children().show();
        }
        else {
            $("#" + this.value).show().siblings().hide();
        }
    });
    $("#orientation").change();
});

http://jsfiddle.net/dRqRV/

如何显示具有相同ID值的所有兄弟姐妹？

Answer 1

ID必须是唯一的，jQuery只选择具有特定ID的第一个元素，您可以将ID更改为类和代码：

$(function() {
    var $li = $('#images').find('li')
    $("#orientation").change(function() {
        if (this.value == 'all') $li.show();
        else $li.hide().filter("." + this.value).show();
    }).change();
});

http://jsfiddle.net/Z3Qgz/

jQuery选择菜单显示具有相同ID的兄弟姐妹隐藏其他兄弟姐妹

1 个答案: