javascript - JS : Counter decrease, 在隐藏()

Question

如果我有一个正常的

 <?php echo "Today (".mysql_num_rows($query)."); ?>

如果有 10 行，结果就是今天 (10)。

现在在这个计数器下我有一个 while() 输出 <tr> 内的所有行.

在 <td>在 tr 内部有一个删除按钮，它隐藏了最近的“tr”。

当您隐藏“tr”时，如何将今天(10)减少到今天(9)？

--

我认为当前计数器(mysql_num_rows)不可能，但也许如果你数一下Today()中有多少个“tr”，你可以做一些减少的事情，但我不知道该怎么做这。虽然这只是一个想法..

Answer 1

相应地改变你的 PHP:

<?php echo 'Today (<span class="counter">' . mysql_num_rows($query) . '</span>)'; ?>

并为您的删除按钮添加类似的内容:

$('#theTable').delegate('button.delete', 'click', function (event) {
    $(this).closest('tr').slideUp();

    $('span.counter').text(function (index, val) {
        return (parseInt(val, 10) - 1);
    });

    event.preventDefault();
});

注意 delegate 的使用:这比 bind 高效得多。每个删除按钮的事件处理程序。

您必须相应地更改表格的选择器和删除按钮。