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

JAVASCRIPT / 글쓴이

<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("");