Як очистити весь вміст <div> s всередині батьківського <div>?

У мене є дів, у <div id="masterdiv">якого є кілька дітей <div>.

Приклад:

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

Як очистити вміст усіх дітей, <div>що знаходяться всередині майстра, <div>використовуючи jQuery?

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

empty()Функція jQuery робить саме це:

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

прибирає господар div.

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

очищає всі дитини div, але залишає господаря неушкодженим.

Використовуйте синтаксис CSQ селектора jQuery, щоб вибрати всі divелементи всередині елемента з ідентифікатором masterdiv. Потім зателефонуйте, empty()щоб очистити вміст.

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

Використання text('')або html('')призведе до розбору рядків рядків, що, як правило, є поганою ідеєю при роботі з DOM. Спробуйте використовувати методи маніпулювання DOM, які не передбачають, коли це можливо, рядкове представлення об'єктів DOM.

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

якщо вам потрібно видалити весь елемент в елементі, використовуйте цей код:

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

якщо вам потрібно видалити весь елемент, використовуйте цей код:

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

i i jQuery group не рекомендують використовувати SET FUNCTION на зразок .html () .attr () .text (), що це? це ЯКЩО ВИ хочете встановити будь-що, що вам потрібно

посилання: https://learn.jquery.com/using-jquery-core/manipulating-elements/

Якщо всі диви всередині цього masterdiv потрібно очистити, це це.

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

інше, вам слід перебрати всіх дітей-членів #masterdiv і перевірити, чи починається ідентифікатор з childdiv.

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

Кращий спосіб:

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

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

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

або

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

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

або

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

Працює Fine для видалення вмісту в div

Ви можете використовувати .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/

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

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

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

або

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

Я знаю, що це jQueryпов'язане питання, але я вважаю, що хтось може сюди потрапити, очікуючи чистого Javascriptрішення. Отже, якщо ви намагалися зробити це за допомогою js, ви можете використовувати innerHTMLвластивість і встановити його в порожній рядок.

document.getElementById('masterdiv').innerHTML = '';

спробуйте їх, якщо це допоможе.

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

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