jQuery에서 div 내부의 모든 HTML을 제거하고 싶습니다.

jQuery에서 div 내부의 모든 HTML을 제거하고 싶습니다.

나는 디브가 있는데 그 디브 안에 있는 HTML을 모두 제거하고 싶습니다.

이거 어떻게 해요?

빈 함수를 사용하려고 합니다.

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

아닌 것 같아요.empty()아니면html()당신이 찾는 것입니다.제 생각에 당신이 찾는 것은strip_tagsPHP로이렇게 하려면 이 기능을 추가해야 합니다.

jQuery.fn.stripTags = function() {
    return this.replaceWith( this.html().replace(/<\/?[^>]+>/gi, '') );
};

이것이 HTML이라고 가정합니다.

<div id='foo'>This is <b>bold</b> and this is <i>italic</i>.</div>

그리고 나서 이렇게 하죠.

$("#foo").stripTags();

결과는 다음과 같습니다.

<div id='foo'>This is bold and this is italic.</div>

다른 방법은 html을 빈 문자열로 설정하는 것입니다.

$('#mydiv').html('');

var htmlJ = $('<p><span>Test123</span><br /><a href="http://www.google.com">goto Google</a></p>');
console.log(htmlJ.text()); // "Test123goto Google"

  function stripsTags(text)
  {
    return $.trim($('<div>').html(text).text());
  }

이런 html이 있다고 가정해보세요.

<div class="prtDiv">
   <div class="first">
     <div class="hello">Hello</div>
     <div class="goodbye">Goodbye</div>
  </div>
</div>

만약 당신이 "first" div 아래의 모든 html을 영구적으로 제거하기를 원한다면.이거나 써요.

$('.first').empty();

결과는 이렇습니다.

<div class="prtDiv">
   <div class="first">

  </div>
</div>

일시적으로 (다시 추가하고 싶다면) 우리는 detach를 시도할 수 있습니다.

$('.first').detach();

언급URL : https://stackoverflow.com/questions/652917/in-jquery-i-want-to-remove-all-html-inside-of-a-div