Question

我是AJAX的新手我一直在努力在ajax上编码，但我很享受。我的问题是我有一个循环数据，其中每个都有投票链接功能。我能够做ajax功能但是一旦我点击每个数据它只给我一个值，这是我从数据库得到的第一个值。这是我的代码：

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

我的ajax：

   $(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 投票CHICKEN

0 投票ADOBO

4 投票HOTDOG

即使我点击其他食谱

，我也只得到6分

Answer 1

删除

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

并使用

$(".a").each(function() {
 $(this).click(function() {
   var score = $(this).prev().html();
   alert(score);
   return false;
 });
});

如何使用onclick在ajax上使用每个

1 个答案: