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

用链接包裹一堆图像

1 个答案: