具體數據-R

Question

刪除行，我有一個簡單的表：

<table id="product-table"> 
    <tr data-r="12"> 
     <td>one</td> 
     <td>two</td> 
    </tr> 
    <tr data-r="34"> 
     <td>three</td> 
     <td>four</td> 
    </tr> 
</table> 

，我想使用jQuery刪除包含特定數據-R的數據行。

有什麼想法？

Answer 1

$('#product-table tr').attr('data-r')將返回第一個選定元素的data-r值。

你想搜索一個元素與此屬性，您可以用attribute selector^[docs]做：

var value = 12; 
$('#product-table tr[data-r="' + value + '"]').remove(); 

jQuery有很好的documentation。所有選擇器都列出了here。

Answer 2

使用這行代碼，將無法正常工作。 這裏是一個例子：

$('#product-table tr[data-r=34]').remove(); 

這將刪除第二行。

Answer 3

它是更長的時間，但是更漂亮

$("tr").filter(function(){return $(this).data("r")==34}).remove();