javascript - 用链接包装一堆图像

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') + '" />';
});