как очистить div

Question

Мне нужно, чтобы, когда пользователь нажмет на 'div_id', div будет нулевым или пустым - я не хочу его скрывать..empty () не работает - div просто быстро мигает и остается на экране.

$(div_id).click(function () {
    $(div_id).empty();
});

Это мой весь код

function paintOrders(items) {

    var container =
        '<table border="2">' +
    $.each(items, function () {
            div_id = '#div_' + this.SHIPMENT;
            container += '<tr>' + '<td>' + div_id + '--' + this.CUSTOMER_NAME + '</td>' + '</tr>';
    });
    container += '</table>';

    $(div_id).click(function () {
        $(div_id).empty();
    });
    $(div_id).append(container);
    $(div_id).html(container);
}

, когда я использую .empty или .htmldiv мигает .... в чем может быть проблема?

Answer 1

.empty() должен удалить дочерние узлы, вместо этого попробуйте .html('');.

Если вы динамически добавляете div, вы должны использовать .live вместо .click:

$(div_id).live('click', function () {
        $(div_id).empty();
    });

Answer 2

Я думаю, вы загружаете содержимое div дважды, один раз с помощью "append", а другой раз с "html".Там нет необходимости для обоих.

Answer 3

.empty() отлично работает: http://jsfiddle.net/KXRCj/

Вам просто нужно использовать:

$(div_id).click(function() {
    $(this).empty();
});

Answer 4

Вы можете использовать html () и установить его значение пустым

$(div_id).click(function () {
             $(div_id).html("");
      });

Answer 5

$(div_id).click(function () {
    $(div_id).html("");
});