모두 지우는 방법

모두 지우는 방법

부모 내부의 내용

?

---

<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 조작 방법을 사용하십시오.

---

해당 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();

---

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 > *").text("")

또는

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

---

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

---

.empty () 함수를 사용하여 모든 자식 요소를 지울 수 있습니다

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

To see the comparison between jquery .empty(), .hide(), .remove() and .detach() follow here http://www.voidtricks.com/jquery-empty-hide-remove-detach/

---

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

or

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

Works Fine to remove contents inside a div

---

When you are appending data into div by id using any service or database, first try it empty, like this:

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

---

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

or

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

---

try them if it help.

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

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

참고URL : https://stackoverflow.com/questions/1701973/how-to-clear-all-divs-contents-inside-a-parent-div