遍歷DOM找到

Question

類

的前一個實例我已經表和按鈕

---------------------- 
table 1 .inventory class 
---------------------- 
[button 1 .add-row] 

---------------------- 
table 2 .inventory class 
---------------------- 
[button 2 .add-row] 

---------------------- 
table 3 .inventory class 
---------------------- 
[button 3 .add-row] 

現在

以下重複模式當我點擊按鈕1,2,3我想遍歷表1,2,3 （前面的表格），並在表格中顯示一個額外的行（已經創建，只是隱藏），我試過但所有的按鈕隻影響第一個表格，一旦顯示所有這些行，然後開始顯示在下一個表格上等我知道答案可能很明顯..繼承人我的代碼：

$(document).ready(function(){ 
    $('.additional-item-row').hide(); 
    $('.add-item').click(function(){ 
     $(this).prevAll(".inventory .additional-item-row:hidden:first").show(); 
    }); 
}); 

Answer 1

試試這個：

$(document).ready(function(){ 
    $('.additional-item-row').hide(); 
    $('.add-item').click(function(){ 
     $(this).prev("table").children(".inventory .additional-item-row:hidden:first").show(); 
    }); 
}); 

Answer 2

好，我設法解決它：

$(this).prevAll(".inventory:first").find(".additional-item-row:hidden:first").show(); 

Answer 3

假設：在組按鈕的按鈕的索引錶行的索引匹配的一組表中的行。

$(function() { 
    $("button.add-item").click(function() { 
     var index = $("button.add-item").index(this); 
     $("tr.additional-item-row:eq(" + index + ")").show(); 
    }); 
});