使用jQuery函数检查表中的可编辑列

时间:2015-01-14 10:18:27

标签: javascript jquery html-table

在表格中,第一列是可编辑的,编辑后/更改它我想将警报显示为已更改。我在5000ms后调用了检查功能。

为我的代码添加代码段

某些我错过或错过的地方。请帮助。

这是守则。

  var table = $("table tbody");

    table.find('tr').each(function (i) {
        var $tds = $(this).find('td'),
            id = $tds.eq(0).text(),
            product = $tds.eq(1).text();
        $check = function() {
         if(($tds.eq(0).text() != id) && ($tds.eq(1).text() != product)){
            alert("Changed");
        }
        else{
            alert("Not changed");
        }
           
    }
    setInterval(function() { $check(); }, 5000);
        
        alert(id + ":" + product);
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
    <tbody>
        <tr>
            <td contentEditable>63</td>
            <td>Computer</td>
               
        </tr>
       
    </tbody>
</table>

1 个答案:

答案 0 :(得分:1)

if(($tds.eq(0).text() != id) && ($tds.eq(1).text() != product)){

这仅在两个字段都更改时触发,将其更改为“||”

另请查看:https://developer.mozilla.org/en-US/docs/Web/Events/input以捕获可疑的更改。