jquery를 사용하여 페이지로드시 부모 또는 자식 요소 제거

Question

페이지로드시 코드 블록을 둘러싼 앵커 요소를 제거하고 싶습니다.

페이지가로드, 나는이 코드를 원하는 경우 :

<h3 class="ms-standardheader ms-WPTitle" style="text-align: justify;"> 
<a accesskey="W" href="#"> 
<nobr> 
<span>Employee Announcements</span> 
<span id="WebPartCaptionWPQ3"></span> 
</nobr> 
</a> 
</h3> 

이 코드로 전환하려면 :

<h3 class="ms-standardheader ms-WPTitle" style="text-align: justify;"> 
<nobr> 
<span>Employee Announcements</span> 
<span id="WebPartCaptionWPQ3"></span> 
</nobr> 
</h3> 

나는이 작업을 사용하여 포장을 벗긴를 얻기 위해 시도했지만 난 아직도 내가 때문에 고군분투를 주변 nobr 요소를 떠나고 싶다.

Answer 1

jQuery에는 요소의 부모를 제거하는 .unwrap() 함수가 있습니다.

http://api.jquery.com/unwrap/

예 :

$(function() { 
    $('#WebPartCaptionWPQ3').unwrap(); 
}); 

Answer 2

$(function() { 
    var target = $('a[accesskey="W"]'); 
    var keep = target.children(); 
    target.replaceWith(keep); 
});