2012-12-18 165 views
1

是否可以使用nth-child和if else語句實現以下內容?n-child和if else語句

假設有9個div,每個鏈接裏面有一個鏈接,當點擊時執行一個功能。我可以通過某種方式讓鏈接找出它內部的第n個子div(來自body標籤),並且只有在第3,第6或第9個div內才能執行該功能?我真的不知道從哪裏開始,但似乎有可能。

回答

4

您可以使用nth-clild

Live Demo

$('.divclass :nth-child(3n)') 

對於綁定事件,你可以使用click()

Live demo

$('#divId div:nth-child(3n) a').click(function(){ 
    alert($(this).text());  
});​ 
+0

這是完美的!謝謝!我們可以使用.on() – maskedjellybean

2

jsBin demo

$('div:nth-child(3n)').find('a').click(function(e){ 

    e.preventDefault(); 

    alert($(this).text()); 

}); 
0
$('divclass:nth-child(3n)').find('a').on('click',function(){ 
    alert($(this).text()); 
}); 

希望這個作品:)乾杯

+0

是@roXon, ('click',function(){alert($(this).text()); }); –

+0

這個方法是不推薦的,所以我不認爲這是一個很好的方法來建議答案 –

+0

編輯你的答案,雖然我真的不知道'.on()'的具體提到的需求在哪裏... ... –