Javascript 用链接包装一组图像

我有一个像这样的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>

$（文档）.ready（函数（）{
$（'.button img'）.wrap（''）；
});

---

提前谢谢。

传递一个函数，然后您可以使用

$（this）

引用集合中的当前元素。这将阻止它应用于每次迭代的所有图像

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

$（'.button img'）.wrap（函数（）{
返回“”；
});