Как очистить содержимое <div> s внутри родительского <div>?

Ответ 1

jQuery('#masterdiv div').html('');

Ответ 2

jQuery empty() функция делает именно это:

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

очищает мастер div.

$('#masterdiv div').empty();

очищает все дочерние элементы div s, но не сохраняет основной объект.

Ответ 3

Используйте синтаксис селектора CSS jQuery для выбора всех элементов div внутри элемента с id masterdiv. Затем вызовите empty(), чтобы очистить содержимое.

$('#masterdiv div').empty();

Использование text('') или html('') приведет к некоторому синтаксическому анализу строк, что, как правило, является плохой идеей при работе с DOM. Попробуйте использовать методы манипуляции DOM, которые не включают в себя представления строк объектов DOM, где это возможно.

Ответ 4

Если все divs внутри этого masterdiv необходимо очистить, то это.

$('#masterdiv div').html('');

else, вам нужно выполнить итерацию по всем дочерним элементам #masterdiv и проверить, начинается ли идентификатор с childdiv.

$('#masterdiv div').each(
    function(element){
        if(element.attr('id').substr(0, 8) == "childdiv")
        {
            element.html('');
        }
    }
 );

Ответ 5

Лучший способ:

 $( ".masterdiv" ).empty();

Ответ 6

jQuery рекомендует использовать ".empty()", ". remove()", ". detach()"

если вам нужно удалить все элементы в элементе, используйте этот код:

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

если вам нужно удалить все элементы, используйте этот код:

$('#target_id').remove();

я и группа jQuery не рекомендуем использовать SET FUNCTION, например .html().attr().text(), что это? если вы хотите установить все, что вам нужно

ссылка: https://learn.jquery.com/using-jquery-core/manipulation-elements/

Ответ 7

Вы можете использовать функцию .empty() для удаления всех дочерних элементов

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

Чтобы увидеть сравнение между jquery.empty(),.hide(),.remove() и .detach(), следуйте здесь http://www.voidtricks.com/jquery-empty-hide-remove-detach/

Ответ 8

$("#masterdiv div").text("");

Ответ 9

$("#masterdiv > *").text("")

или

$("#masterdiv").children().text("")

Ответ 10

$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

или

$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});

Ответ 11

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

или

$('.div_class').empty();

Работает отлично, чтобы удалить содержимое внутри div

Ответ 12

Когда вы добавляете данные в div по идентификатору с помощью любой службы или базы данных, сначала попробуйте ее пустым, например:

var json = jsonParse(data.d);
$('#divname').empty();

Ответ 13

попробуйте их, если это поможет.

$('.div_parent.div_child').empty();

$('#div_parent #div_child').empty();