在當前元素之後選擇下一個DOM元素

HTML

<a href="#" class="more-items-link">more items</a><div class="more-items"></div> 
<a href="#" class="more-items-link">more items</a><div class="more-items"></div> 
etc.

的Javascript：

$('.more-items').hide(); 

$('.more-items-link').click(function() 
{ 
    var currentDiv = $(this).parent().next(); 
    currentDiv.show(); 
});

我怎麼能顯示當前的鏈接，還有就是點擊事件的DIV？我嘗試了很多東西，但仍然無法正常工作。

來源

2013-07-21 gaetanm

你並不需要移動備份到在這種情況下家長，你只需要一個同級這樣你就可以鏈接本身調用.next()：

$('.more-items-link').click(function() 
{ 
    var currentDiv = $(this).next(".more-items"); 
    currentDiv.show(); 
});

下面是上面的代碼jsFiddle

來源

2013-07-21 10:35:02 CodingIntrigue

奇怪的是，我在第一次嘗試這個，並沒有奏效。現在它工作了！謝謝。 ;） – gaetanm

我認爲它沒有工作，因爲我有一個
標籤後的鏈接。 – gaetanm

@gaetanm如果你只使用'next（）'而沒有任何參數，會導致它在這種情況下中斷。將CSS選擇器添加到它可以確保您只選擇符合條件的下一個元素:) – CodingIntrigue

試試這個：

$('.more-items-link').click(function() 
{ 
    var currentDiv = $(this).next(); 
    currentDiv.show(); 
});

有沒有必要在這裏使用.parent()方法，因爲在div旁邊就是牛逼錨點。

來源

2013-07-21 10:36:03

在當前元素之後選擇下一個DOM元素

回答

相關問題