1

私はこのようなワードプレスメニューを持っています

<?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>

前もって感謝します。

4

1 に答える 1

2

$(this)関数を渡すと、セット内の現在の要素を参照するために使用できます。これにより、各反復ですべての画像に適用されなくなります。

$('.button-img').wrap(function(){
    return '<a href="' + $(this).parent().children().first().attr('href') + '" />';
});
于 2013-08-01T08:03:40.863 に答える