Question

我有一张桌子（id = tbl）。并在加载时在每一行上做一些工作。

var loadCheck = function(){
    $('#sTable tbody tr').each(function () {
        do some job...
     });
  }

$(document).ready(function () {
     loadCheck();
 });

工作正常。但该页面中有一个按钮。单击时，将动态重新创建整个表。此时间表行将不会被选中。

Html代码如下所示：

<div id="sTable" style="padding-top:10px;">
       <table id='tbl' border="1" class="table table-hover">
          <tr>
            <th>Col1</th>
            <th>Col2</th>
            <th>Col3</th>
          </tr>
         <tbody>
           <tr>
            <td>xxx</td>
            <td>xxx</td>
            <td>xxx</td>
          </tr>
         </tbody>
      </table>

因为div sTable是静态的，但tbl是动态的。所以我将tbody绑定到sTable。但仍然不行。我使用$（“sTable”）。on（“load”，“tbody tr”，function（）{}）可能适合动态绑定。但如何处理“每个”功能。有什么建议吗？

Answer 1

您可以将.each()包裹在另一个功能中：

function iteration() {
    $('#sTable tbody tr').each(function () {
       // do some job...
    });
};

然后在页面加载时调用它来初始化它：

iteration();

然后也在按钮.click()功能中调用它。

动态表行选择并绑定

1 个答案: