Question

这是我的表：

        <tr class=stuff>
            <td id=id></td>
            <td id=city_id></td>
            <td id=temp></td>
            <td id=date></td>
        </tr>

这是我的Javascript：

<script>
    $(document).ready(function() { // waits when document is ready
        $('.data').change(function() { // when dropbox value changes do this
            getWeather(); // here I tried inserting table clearing code
        });
    });

    function getWeather() {
        $.getJSON('getTemperature/' + $('.data option:selected').val(), null, function(data) { // JSON request
            $("#id").text(data.id); // changes fields accordingly
            $("#city_id").text(data.city_id);   
            $("#temp").text(data.temperature);  
            $("#date").text(data.date); 
        });
    }
 </script>

下拉菜单中的每个项目都没有来自服务器的响应，所以我希望它在发出新的JSON请求之前清除表格。因此，当JSON返回数据时，数据会相应更新，但是当JSON没有返回时，所有表都将为空。

当JSON没有检索到任何数据时，旧数据仍保留在表中。

我尝试使用$('.stuff').remove()和$('.stuff').clean()，但在getWeather();之前使用它们之后，我无法将信息放入我从JSON收到的表格中。它不再起作用了。

随时提出任何问题。

Answer 1

试试这个

$('.stuff td').text("");
getWeather();

Answer 2

根据您在网站上所做的事情的多少，您可能需要查看KnockoutJS，它专为具有更改数据的动态显示而设计，包括自动隐藏部分。

jQuery清理HTML表

2 个答案: