удаление строки с конкретными данными-р

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 для удаления строки, содержащей конкретные данные data-r.

Есть идеи?

Answer 1

$('#product-table tr').attr('data-r') вернет значение data-r первого выбранного элемента.

Вы хотите найти для элемента с этим атрибутом, что можно сделать с помощью селектор атрибутов ^{[документы]} :

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

jQuery имеет очень хорошую документацию .Все селекторы перечислены здесь .

Answer 2

длиннее, но красивее

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

Answer 3

Использование этой строки кода не будет работать.Вот пример:

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

Это удалит вторую строку.