0

私は AJAX を初めて使用します。Ajax でコーディングするのに苦労していますが、楽しんでいます。私の問題は、それぞれに投票リンク機能があるループデータがあることです。私は ajax 関数を実行できましたが、各データをクリックすると、データベースから取得した最初の値である 1 つの値のみが得られます。これが私のコードです:

<span id="question">Vote for your Recipe!</span>

<?php $getData = $recipes->getBreakfast(); foreach($getData as $data) { ?>
<div class="item"><?php echo $data['recipe_id'] ?> </div>

<div class="score"><?php echo $data['vote']; ?></div>
<div class="a"><a href="">Vote</a><?php echo $data['recipe_title']; ?></div>

私のアヤックス:

   $(document).ready(function() {
    var self = $(this);
    //var id = $(".item").html();
    var score = $(".score").html();

    $.ajaxSetup({
        url: 'insert_vote.php',
        type: 'POST',
        cache: 'false',


  });

    $(".a").click(function() {

    alert(score);

       //self.find('.score').html(++score);

       return false;

    });
});

あなたのレシピに投票してください!

6 投票チキン

0 票

4 票

他のレシピをクリックしてもスコア値が 6 しか表示されない

4

1 に答える 1

1

削除する

  var score = $(".score").html();

そして使う

$(".a").each(function() {
 $(this).click(function() {
   var score = $(this).prev().html();
   alert(score);
   return false;
 });
});
于 2013-11-01T08:04:28.667 に答える