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

у меня есть div <div id="masterdiv">, который имеет несколько детей <div> s.

пример:

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

Как очистить содержимое всех детей <div> s внутри мастера <div> С помощью jQuery?

12 199
javascript html jquery dom-manipulation

12 ответов:

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

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

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

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

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

очищает весь ребенок divs, но оставляет мастера нетронутым.

420

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

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

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

17

лучший способ-это :

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

Если все дивы внутри этого masterdiv должны быть очищены,это это.

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

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

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

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

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

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

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

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

I и jQuery group не рекомендуют для использования УСТАНОВИТЬ ФУНКЦИЮ нравится .формат HTML. )(attr() .текст() , что это? это ЕСЛИ ВЫ ХОТИТЕ УСТАНОВИТЬ ВСЕ, ЧТО ВАМ НУЖНО

ref :https://learn.jquery.com/using-jquery-core/manipulating-elements/

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

или

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

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

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

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

5
$("#masterdiv div").text("");
4
$('#div_id').empty();

или 

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

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

4

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

var json = jsonParse(data.d);
$('#divname').empty();
4
$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

или 

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