jquery - 如何使用jquery删除html表中不匹配的行

标签 jquery html

我有两张 table 。我想删除不匹配的行。与表1第一列比较,与表2第一列比较。

Table1

111   aaa
222   bbb
333   ccc

Table2

333  xxx
444  zzz
111  vvv

result of Table2

333 xxx
111 vvv

我尝试了一些东西 here

请帮我这些

谢谢。

最佳答案

请检查这是否适合您 - http://jsfiddle.net/ylokesh/m7v4tpnu/19/

HTML

<table id="T1">
    <tr><td>111</td><td>xxx</td></tr>
    <tr><td>222</td><td>www</td></tr>
    <tr><td>333</td><td>ttt</td></tr>
</table>

<table id="T2">
    <tr><td>444</td><td>www</td></tr>
    <tr><td>111</td><td>xxx</td></tr>
    <tr><td>333</td><td>ttt</td></tr>
</table>

JavaScript

$('#T1 tr').each(function(){
    var data = $(this).html();
    $('tr', '#T2').each(function(){
        if($(this).html()===data){
            $(this).remove();
        }
    });
});

关于jquery - 如何使用jquery删除html表中不匹配的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30974008/

相关文章:

jquery - html饼图中三 Angular 形的部分颜色

javascript - History API 和 History.js 后退按钮问题

javascript - PHP乘法和减法脚本

html - 为什么第 n 个子选择器不会被另一个选择器覆盖?

php - 如何更改MySql中的 'Timestamp'列语言?

html - 如何将表格的高度设置为屏幕的大小?

javascript - 如何根据文本选中复选框?

javascript - 如果文本框留空,则重新填写文本框的文本

javascript - 一键生成多个ajax调用

javascript搜索功能不起作用