使用 jQuery 函数检查 table 中的 editable 列

Question

在 table 中，第一列是 editable，编辑后 it/change 我想将警报显示为已更改。我在 5000 毫秒后调用检查函数。

为我的代码添加代码片段

我在某处遗漏或错误的东西。请帮助。

这是代码。

  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>

Answer 1

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

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

另请查看：https://developer.mozilla.org/en-US/docs/Web/Events/input 用于捕获内容可编辑的更改。

使用 jQuery 函数检查 table 中的 editable 列

Check for editable column in a table with jQuery function

javascript

jquery

html-table