jQuery.unwrap() 함수에 대한 자세한 설명

unwrap() 함수는 일치하는 각 요소의 상위 요소를 제거하는 데 사용됩니다.

unwrap()은 현재 일치하는 요소의 상위 요소를 제거하지만 모든 하위 요소는 유지합니다. 이 함수를 사용하면 Wrap() 함수를 통해 일치하는 요소에 추가된 상위 래핑 요소를 빠르게 취소할 수 있습니다.

이 함수의 반대는 Wrap() 함수로, 일치하는 각 요소를 지정된 요소로 래핑하는 데 사용됩니다.

이 함수는 jQueryobject(인스턴스)에 속합니다.

Syntax

jQuery 1.4 New이 함수입니다.

jQueryObject.unwrap( )

현재 일치하는 요소의 상위 요소가 body 요소인 경우 unwrap() 함수는 body 요소를 제거하지 않습니다.

반환 값

unwrap()함수의 반환 값은 jQuery 유형으로, 현재 jQuery 개체 자체를 반환합니다(체인 스타일 프로그래밍을 용이하게 하기 위해).

예제 및 설명

unwrap() 함수는 일치하는 각 요소의 상위 요소를 제거하는 데 사용됩니다.

<div><p>段落文本1<span></span></p></div>
<div><p>段落文本2<span></span></p></div>
<!--以上是jQuery代码执行前的html内容-->
<script type="text/javascript">
$("p").unwrap( ); 
</script>
<!--以下是jQuery代码执行后的html内容-->
<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>

unwrap() 함수와 replacementWith() 함수는 다음과 같은 동등한 코드를 갖습니다.

$("selector").unwrap( );
// 等价于(父元素为body时除外)
// 用其父元素的所有子节点替换掉父元素
$("selector").parent().replaceWith( function(){
    return $(this).contents();
} );

다음 HTML 코드 예를 들어 :

<p id="n1">
    <span id="n2">span#n2</span>    
</p>
<p id="n3">
    <label id="n4">label#n4</label>
    <span id="n5">span#n5</span>
</p>
<span id="n6">span#n6</span>

다음 jQuery 샘플 코드는 unwrap() 함수의 구체적인 사용법을 보여주기 위해 사용됩니다.

// 移除每个span元素的父元素
// n6的父元素为body元素，body元素不会被移除
$("span").unwrap( );

위 코드가 실행된 후의 전체 html 코드는 다음과 같습니다(형식은 조정되지 않았습니다):

    <span id="n2">span#n2</span>    
    <label id="n4">label#n4</label>
    <span id="n5">span#n5</span>
<span id="n6">span#n5</span>

위 내용은 jQuery.unwrap() 함수에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!