如何在JQuery中不使用元素ID來遍歷DOM樹？

Question

我無法遍歷DOM樹而不使用元素ID。

下面是HTML結構：

<dl id="dd-prefix-one" class="dropdown f-left"> 
    <dt><a href="#">Lorem<span class="value">ipsum</span></a></dt> 
    <dd><ul>...</ul></dd> 
</dl> 

這裏是JQuery的我使用的時刻：

$('#dd-prefix-one dt a').click(function() { 
    $('#dd-prefix-one dd ul').slideToggle(); 
    $('#dd-prefix-two dd ul, #dd-prefix-three dd ul, #dd-prefix-four dd ul, #dd-prefix-five dd ul').fadeOut(200); 
}); 

這jQuery是在我的代碼中帶剛的變化重複5次ID的...因此需要擺脫身份證明確。

我試圖使用.prevUntil（）...雖然我一定錯過了一些東西。

任何幫助將不勝感激，謝謝

Answer 1

在粘貼代碼：

<dl id="dd-prefix-one" class="dropdown f-left"> 
    <dt><a href="#">Lorem<span class="value">ipsum</span></a></dt> 
    <dd><ul>...</ul></dd> 
</dl> 

您可以使用類似：

$('dl dt a').click(
    function() { 
     $(this).closest('dl').find('ul').slideToggle(); 
     $(this).closest('dl').siblings().find('ul').fadeOut(200); 
     return false; 
    }); 

JS Fiddle demo。

Answer 2

抽象出來作爲取ID爲自變量的函數。

Answer 3

東西有點像這應該工作（未測試）

$('dl.dropdown dt a').click(function() { 
    $(this).closest('dl').find('ul').slideToggle(); 
    $('dl.dropdown dt a').not(this).find('ul').fadeOut(200); 
});