проверять дубликаты в HTML-таблице при динамическом добавлении данных таблицы

0

Моя таблица выглядит так:

<table style="width:100%" class="table table-striped table-bordered" id="xxxxxx">
    <thead>
        <tr>
            <th>Item Id</th>
            <th>Item Name</th>
            <th>Rate</th>
            <th>Quantity</th>
            <th>Total</th>
            <th>Edit</th>
        </tr> 
    </thead>
</table>

Я добавляю данные в таблицу нажатием кнопки:

var item_x = $('#itemIdx').val();
var item_x_name = $('#itemx option:selected').val();
var rate_x = $('#ratex').val();
var quantity_x = $('#quantityx').val();
var total_x = rate_x * quantity_x;

var add_to_table = '<tr><td>' + item_x + '</td><td>' + item_x_name + '</td><td>' + rate_x + '</td><td>' + quantity_x + '</td><td>' + total_x + "</td><td><buttonDelete</button></td>";
$('#xxxxxx').append(add_to_table);

Теперь, динамически добавляя данные, я хочу дублировать данные на item_x значения item_x, повторяется или нет. Если это повторяется, то необходимо показать предупреждение; если не просто добавить в таблицу xxxxxx.

Теги:
html-table

1 ответ

2

Вы можете проверить существование, используя:

var tdlength= $("td").filter(function() {
    return $(this).text().toLowerCase() == item_x ;//get td with item_x 
 }).length;

if(!tdlength){ //td with html item_x  does not exists.
   //code here
}
Поделиться
  • 0
    Спасибо, Милинд
  • 0
    Спасибо, Милинд .. но я не хочу, чтобы добавлялись дубликаты данных .. элемент_x заполняется событием изменения "item_x_name" .. поэтому, если я найду 2 одинаковых item_x, я не позволю их добавить в таблицу ..on нажатие кнопки ..
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню