jQuery展開刪除錯誤的容器

Question

很明顯，我的一部分語法錯誤。

我有大量的divs，其中有少量的內容包裹在錨點中。我想要做的是刪除錨點。

感謝您的幫助！

http://jsfiddle.net/danielredwood/rg6n6/

所需的HTML：

<div class="box"><a href="#"><img src="#"></a></div> 
// becomes: 
<div class="box"><img src="#"></div> 

的JavaScript：

$('.box img').unwrap('<a>'); 

Answer 1

這是你在找什麼？

$('.box a img').unwrap() 

.unwrap()沒有參數，它只是消除了匹配選擇的父標籤。因此，通過直接在a下選擇img標籤，您可以按照自己的想法將其從錨點解放出來。

Answer 2

嘗試：

 

$('button').click(function(){ 
    $('.box a').contents().unwrap(); 
}); 
 

Answer 3

試着用以下的javascript：

$('.box').each(function(){ 
    $(this).html($(this).find('a').html()); 
}); 

Answer 4

從jQuery的3.0版本，你可以指定地址選擇。 見jquery API