JQuery развернуть, удалив неправильные контейнеры

Question

Очевидно, что это синтаксическая ошибка с моей стороны.

У меня есть большое количество элементов div, где небольшое количество из них имеет содержимое, завернутое в якорь.то, что я пытаюсь сделать, это удалить якоря.

спасибо за вашу помощь!

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() не имеет аргументов, он просто удаляет родительский тег соответствующего селектора. Таким образом, выбрав тег img непосредственно под a, вы освобождаете его от привязки, как вы и хотели.

Answer 2

Попробуйте:

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

Answer 3

Начиная с версии Jquery 3.0, вы можете указать селектор.См. jquery API

Answer 4

Попробуйте использовать следующий JavaScript:

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