javascript - jQuery 清理 HTML 表格

Question

这是我的 table :

        <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();