如何在循环内使用jquery获取当前项目的值答案

【问题标题】：How to get value of current item using jquery inside loop如何在循环内使用jquery获取当前项目的值
【发布时间】：2013-01-04 13:37:38
【问题描述】：

我在 wordpress 的模板文件中尝试了以下代码。

  <?php query_posts('showposts=9&post_type=packages&packages_category='.$category.'&order=ASC&paged='.$paged); ?>          <?php while (have_posts()) :the_post(); ?>
     ...
     ...
  <script type="text/javascript">
        $(document).ready(function() {
         $(".package-book a").click(function(){
         var $temp = '<?php the_title(); ?>';
             $('.book-title').val(' '); 
                $('.book-title').val($temp);     
         });
        });
      </script> 
             <span class="package-book"> 
            <a href="...">Book</a>
            </span>
           <?php endwhile; ?>

还有一个带有类书名的输入类型文本作为<input type="text" class="book-title"/> 当单击带有类 package-book 的锚标记时，它应该显示文本框中<?php the_title(); ?> 的当前值但是上面的 jquery 代码显示了所有循环中最后一项的值输入文本框。我希望它应该显示当前标题的值在输入类型文本框中。请帮帮我...

【问题讨论】：

标签： jquery wordpress jquery-ui jquery-plugins

【解决方案1】：

我不建议将 JS 添加到 PHP 循环中。而是将值分配为数据属性。例如，当你建立这个跨度时，给它一个帖子标题的数据标题：

PHP

<span class="package-book"> 
    <a href="..." data-title="<?php echo the_title(); ?>">Book</a>
</span>

jQuery（在 php 循环之外）

$(document).ready(function() {
    $(".package-book a").on('click', function(){
        $('.book-title').val($(this).data('title'));
    });
});

【讨论】：