刪除具有相同類標識符的div行動態

我試圖通過單擊刪除來刪除div行，但問題是所有行都具有相同的類名，所以我不知道如何單獨刪除行。刪除具有相同類標識符的div行動態

<div class="divTable"> 
    <div class="divTableRow"> 

     <div class="divTableCell"> 
      ROW 1 
     </div> 

     <div class="divTableCell"> 
      <span class="delete-size-row">DELETE</span> 
     </div> 

    </div> 
    <div class="divTableRow"> 

     <div class="divTableCell"> 
      ROW 2 
     </div> 

     <div class="divTableCell"> 
      <span class="delete-size-row">DELETE</span> 
     </div> 

    </div> 
</div>

我可以做這樣的事情，但這有獨特的標識符，所以它不會爲我工作。我需要一個動態解決方案。

$(".delete-size-row").click(function() { 
     $('#removeRow-unique').hide(); 
    });

來源

2014-06-20 BentCoder

您可以使用.closest()找到與divTableRow類父格，那麼你可以將其隱藏。

代碼

$(".delete-size-row").click(function() { 
    $(this).closest('.divTableRow').hide(); 
});

在事件處理程序this指調用事件處理元件。

來源

2014-06-20 08:55:35 Satpal

謝謝，它工作正常......我會在19分鐘後接受它。 – BentCoder

請與本

$(".delete-size-row").click(function() { 
    $(this).parents('div.divTableRow').hide(); 
});

來源

2014-06-20 08:55:47 biswajitGhosh

$(".delete-size-row").click(function() {   
    $(this).closest('.divTableRow').hide();  
});

來源

2014-06-20 08:56:27

你必須使用父函數嘗試，然後把它隱藏:)
這裏是小提琴http://jsfiddle.net/cv28n/

$(".delete-size-row").click(function() { 
     $(this).parent().parent().hide(); 
    });

希望它可以幫助你。感謝，並有一個愉快的一天。 :)

來源

2014-06-20 08:56:47

刪除具有相同類標識符的div行動態

回答

相關問題