Wrap куча картинок со ссылками

Question

У меня есть меню WordPress, как этот

<?php wp_nav_menu(
     array(
     'menu' => 'Property Menu', 
     'after' => '<img src="'.get_stylesheet_directory_uri().'/images/btn.png" class="button-img">' 
    )); ?> 

Я хочу, чтобы обернуть этот образ после каждого пункта меню с помощью ссылки меню. До сих пор у меня есть следующий, но он использует первую ссылку пункта меню для всех изображений:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.button-img').wrap('<a href="' + $('.button-img').parent().children().first().attr('href') + '" />'); 
}); 
</script> 

Спасибо заранее.

Answer 1

Передайте функцию, а затем вы можете использовать $(this) для обращения к текущему элементу в наборе. Это предотвратит его применение ко всем изображениям на каждой итерации.

$('.button-img').wrap(function(){ 
    return '<a href="' + $(this).parent().children().first().attr('href') + '" />'; 
});