JQuery очистки HTML-таблицы

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 , он предназначен для динамических дисплеев с изменяющимися данными, в том числе автоматически скрывающимися разделами.