javascript - 如何在js中检查一个表是否有重复的行列?

标签 javascript jquery duplicates html-table

我想检查一个表的行中是否有重复的列。如果一个表有,就会显示一个没有添加数据库的警告。然后我想从表中拔出重复的数据。我怎样才能做到这一点?我在等你的帮助!

这是我的表有重复的 A 类:

enter image description here

这是我的表格 html 代码。

 <table id="tblSeatInfo">
                <thead>
                    <tr>
                        <td>
                            Class
                        </td>
                        <td>
                            Given Seat
                        </td>
                        <td>
                           Adult Buying Price
                        </td>
                        <td>
                            Adult Selling Price
                        </td>
                        <td>
                            Child Buying Price
                        </td>
                        <td>
                            Child Selling Price
                        </td>
                        <td>
                            Infant Buying Price
                        </td>
                        <td>
                            Infant Selling Price
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr class="tr-notremove">
                        <td>
                            <input class="form-control" type="text" name="class" />
                        </td>
                        <td>
                            <input class="form-control seat" type="text" name="givenseat" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="adultbuyingprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="adultprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="childbuyingprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="childprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="infantbuyingprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="infantprice" />
                        </td>
                        <td>
                            <div class="btn-group">
                                <button type="button" class="btn btn-md btn-success btn-addnewseat">Add</button>
                                <button type="button" class="btn btn-md btn-warning btn-removenewseat">Remove</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>

最佳答案

尝试这样的事情

$('[name="class"]').on('input',function(){
  var value = $(this).val();
  $('[name="class"]').not(this).each(function(){
     if($(this).val() == value) {
       alert('duplicate content');
     }
  }) 
});

演示:https://jsfiddle.net/r3oq636w/1/

关于javascript - 如何在js中检查一个表是否有重复的行列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38475870/

相关文章:

javascript - 深色模式存储在本地存储中 React with Material-UI

javascript - 如何在 AngularJS 的多个 Controller 上仅使用一个 $http 请求

jQuery,如何获取表行中特定复选框的值?

mysql - ON DUPLICATE KEY UPDATE 每列,除了

java - 唯一约束 - 键已存在于多对多中

java - 使用等号删除 List<String> 重复项

javascript - 如何使用 Javascript 根据 HTML 中的输入文本字段更改文本元素?

javascript - 使用 JavaScript 创建菜单树?

javascript - AJAX 调用后,新加载的 CSS 选择器对 jQuery.each() 不可用

javascript - 使用 jQuery 在每个文本区域行的末尾添加换行符