jQuery選擇菜單顯示具有相同ID的兄弟姐妹隱藏其他兄弟

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/