Помогите удалить добавленные данные

Question

Здравствуйте. Я использую jquery для выполнения некоторого ajax, который вызывает некоторые данные из базы данных, при наведении курсора и элементе, который запускается методом, и я получаю ожидаемые результаты, однако, когда я затем налагаю курсор мыши на другой элемент, метод запускается снова, однако сначала мне нужно удалить первую партию данных с экрана, это то, что у меня есть,

$("a.contentlink").mouseover(function(){
        var url = $(this).attr("href");
        $.ajax ({
            url: url,
            type: "POST",
            success : function (html) {
                $('#abstract').append(html);
            }
        });
    });

Может кто-нибудь помочь?

Answer 1

Сначала необходимо вызвать метод empty, который удаляет все дочерние элементы из сопоставленных элементов.

Например:

$('#abstract').empty();

Кроме того, вы можете вызвать функцию html, которая заменяет содержимое соответствующего элемента строкой HTML.

Например:

$('#abstract').html(html);