Javascript 调用blur事件后捕获特定行信息

假设这张表有两行：

<tr>
    <td contenteditable="true" data-group1="<?php echo $_GET['group']; ?>" class="no1" id="nom1" name="nom1"><?php echo $item[$i]; ?></td>
</tr>

<tr>
    <td contenteditable="true" data-group2="<?php echo $_GET['group']; ?>" class="no2" id="nom2" name="nom2"><?php echo $item[$i]; ?></td>
</tr>

基于此算法，假设我已经处理了第一行的数据，该行引用了

class=“no1”

，然后它将运行此脚本，如上图所示：

$(document).on('blur', '.no1', function(){
    var group= $(this).data("group1");
    var no = $(this).text();
});

---

但是，此表的行数不是固定的。因此，这个脚本没有帮助，因为我们自己根据行数定义了函数。调用blur事件后，我们如何捕获特定的行信息，这样就不必定义太多类似的函数。

您可以在

trs

上使用一个公共类，并在其

contenteditable td

上附加一个

blur

事件处理程序

关于您的

数据组x

属性，只需将它们全部重命名为

数据组

：

PHP

---

为什么自定义数据属性首先要“编号”？如果你不这样做，你就不会有这个问题，对吗？

$(document).on('blur', '.no1', function(){
    var group= $(this).data("group1");
    var no = $(this).text();
});

<tr class="common"> //Add your class here
<td contenteditable="true" data-group="<?php echo $_GET['group']; ?>" class="no1" id="nom1" name="nom1"><?php echo $item[$i]; ?></td>
</tr>

$(document).on('blur', '.common td[contenteditable]', function(){
  var group= $(this).data("group");
  var no = $(this).text();
});