jQuery選擇，選擇一個比一個不同的元素點擊

這是簡化的HTML：jQuery選擇，選擇一個比一個不同的元素點擊

<div id="l01"> 
<ul style="width:450px;"> 
<li><img src="images/iconarrow.gif" alt="arrow" width="9" height="11" align="left" />&nbsp; 
<a href="#">Preview</a>        
</li> 

<li class="showStats"><a class="showstatlink" href="javascript:{}"><img class="sstatsImage" src="images/iconarrow.gif" />&nbsp; 
         Show Stats</a>        
</li>       
</ul>      
</div> 
<div class="sstatsDetails"> 
     ... 
</div>

我想點擊類=「showstatlink」，和我想，點擊觸發類的切換= 'sstatsDetails'，但只有下一個，我不希望頁面上的所有元素都與該類切換。

來源

2013-02-20 Lawrence DeSouza

$(".showstatlink").click(function() { 
    // Your code to handle the event. 
    $(".sstatsDetails").show(); // Or hide whatever you want to do. 
});

來源

2013-02-20 01:52:33

沒有，因爲這將顯示所有網頁上的其他元素與類sstatDetails的。我只想要下一個。 – 2013-02-20 01:54:26

@勞倫斯DeSouza你可以JSFiddle一些代碼？ – 2013-02-20 02:04:40

嘗試是這樣的：

$(".showstatlink").on("click", function(){ 
    $(this).parent().parent().parent().next(".sstatsDetails").toggle(); 
});

你可以看到它在行動here.

來源

2013-02-20 01:53:00 andri

jQuery選擇，選擇一個比一個不同的元素點擊

回答

相關問題