부모 <div> 내의 모든 <div> 내용을 지우는 방법은 무엇입니까?

<div id="masterdiv">여러 자녀 가있는 div 가 있습니다 <div>.

예:

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

jQuery를 사용 <div>하여 마스터 내의 모든 자식 내용을 지우는 방법은 <div>무엇입니까?

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

jQuery의 empty()기능은 다음을 수행합니다.

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

마스터를 지 웁니다 div.

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

모든 자식을 지우지 div만 마스터는 그대로 둡니다.

jQuery의 CSS 선택기 구문을 사용 div하여 id가있는 요소 내부의 모든 요소 를 선택하십시오 masterdiv. 그런 다음 전화 empty()를 걸어 내용을 지우십시오.

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

text('')또는 html('')을 사용 하면 일부 문자열 구문 분석이 발생하며 이는 일반적으로 DOM 작업시 나쁜 생각입니다. 가능한 경우 DOM 객체의 문자열 표현을 포함하지 않는 DOM 조작 방법을 사용하십시오.

jQuery는 ".empty ()", ". remove ()", ". detach ()"사용을 권장합니다.

요소의 모든 요소를 ​​삭제 해야하는 경우이 코드를 사용하십시오.

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

모든 요소를 ​​삭제해야하는 경우 다음 코드를 사용하십시오.

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

i 및 jQuery 그룹 은 .html () .attr () .text ()과 같은 SET FUNCTION 사용을 권장하지 않습니다 . 필요한 모든 것을 설정하고 싶다면

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

해당 masterdiv 내부의 모든 div를 지워야하는 경우 해당 div입니다.

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

그렇지 않으면 #masterdiv의 모든 div 하위를 반복하고 id가 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();

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/

서비스 또는 데이터베이스를 사용하여 id로 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();