php - 将多个值传递给 jQuery

Question

我为每个循环构建了一个从数据库中拉回几行的循环。它拉取的每一行都有一个链接，以及一个值为 posting_id 的隐藏输入框。此链接在某种程度上类似于 facebook 上的“赞”按钮。隐藏的输入框只是存储posting_id。当您单击“喜欢”链接时，它会将 posting_id 发送到一个 jQuery 页面并返回一个名为 community 的页面，告诉它用户“喜欢”了该帖子。

问题来了

我正在拉取几行，当您单击“喜欢”按钮时，似乎只有被拉取的第一行实际上将数据发送到 jQuery 页面。如果我点击顶部按钮以外的任何其他“喜欢”按钮，它将根本不起作用。

Jquery 页面

$('.bump_link').click(function(){ 
    var posting_id = $('.posting_id').val();    
    $.post("community.php", {
        posting_id: posting_id
    });
    alert(posting_id);
    $(this).toggleClass("bumped"); 
});

Foreach 循环

foreach ($result as $value) {
    $group_postings .= '
    <input type="text" class="posting_id" value="'.$value['posting_id'].'"> 
    <div id="bump_icon" class="bump_link"></div>
    <span id="counter"></span>
    ';
}

我希望我已经把问题说清楚了，它过去和现在都很难解释。

Answer 1

问题是您正在使用一个类来获取 posting_id，因为所有隐藏字段都具有相同的类，无论您单击哪个按钮，都只会传递第一个元素值。

我推荐使用这个 html，没有隐藏的输入，将值作为数据属性传递

<div id="bump_icon" class="bump_link" data-postid="'.$value['posting_id'].'">

在这个js中，从数据属性中获取发布id

$('.bump_link').click(function(){ 
   var posting_id = $(this).data('postid'); // get the posting id from data attribute
   $.post("community.php", {
       posting_id: posting_id
   });
   alert(posting_id);
   $(this).toggleClass("bumped"); 
});