如何使用jQuery在循環中獲取當前項目的值

Question

我在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"/>輸入類型文本 當與類包書錨標籤被點擊它應該在文本框中 但上述jQuery代碼顯示器上顯示的<?php the_title(); ?> 電流值所有 輸入文本框中循環中最後一項的值。我希望它應該在輸入類型文本框中顯示當前標題 的值。 請幫我...

Answer 1

我不會推薦將JS添加到PHP循環中。而是將值分配爲數據屬性。例如，當你建立了這個跨度給它的文章標題的數據標題：（PHP循環外）

PHP

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

jQuery的

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