我有一个将数字格式化为货币的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>
尝试像使用DOMSubtreeModified一样,
$("#mytable").bind("DOMSubtreeModified", function() {
alert("Hurrey table changed");
});
$(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] 删除。
我来说两句