表更改内容时调用Javascript函数

塔索斯

我有一个将数字格式化为货币的Javascript代码。所有内容都在桌子上。目前,我money在每个都有一个类<tr>并且在单元格更改时调用该函数。仅供参考,表格中的所有单元格都同时更改。

var spans = document.getElementsByClassName("money");
for (var i = 0; i < spans.length; i++) {
    var newText = spans[i].innerHTML.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    spans[i].innerHTML = newText;
}

有什么办法可以在每个单元格上都具有相同的类,并在所有单元格上捕获一个事件,以便在表上执行并获得相同的结果?例如,

$("#mytable").on('change', function() {
  // put my function here and apply to every cell
});

更新:我添加了,DOMSubtreeModified并尝试遍历表中的每个单元格。但是,即使我在控制台上没有任何错误,它似乎也不起作用。

<script type="text/javascript">
    $("#resultstable").bind("DOMSubtreeModified", function() {

      $('#resultstable tr').each(function() {
        $('td').each(function (i, cell) {
          cell.innerHTML.replace(/\B(?=(\d{3})+(?!\d))/g, ",");    
      });
    });
    });  

</script>
罗汉·库玛(Rohan Kumar)

尝试使用DOMSubtreeModified一样,

$("#mytable").bind("DOMSubtreeModified", function() {
    alert("Hurrey table changed");
});

阅读Dom-event-javascript文章

$(function(){
    $('button').on('click',function(){
        $('#mytable').append('<tr><td>Next '+($('#mytable tr').length+1)+'</td></tr>');
    });
    $("#mytable").bind("DOMSubtreeModified", function() {
        alert("Hurrey table changed");
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="mytable">
    <tr>
        <td>Next 1</td>
    </tr>
</table>
<br/>
<button>Test</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章