php - 单击时将 PHP 变量从 div 标记传递给 jquery

Question

我需要在用户单击时从 PHP 获取一个变量到 Javascript。我有一个查询返回的数据数组，我需要为单击的元素传递一个 ID 值，以便我可以使用另一个 PHP 页面通过 .load 填充其他数据集。我不确定该怎么做？

页面中的 Javascript 代码:

<script type="text/javascript"> 
$(function () { 
 $("#pass_userid_div").click(function () {
    
    $("#another_div").load('remote_pages/get_info.php?userid=' + $GET_THE_USERID_AND_PASS_HERE);
  });
});
</script> 

页面中的PHP代码:

$query_str = "SELECT id, username, dateregistered FROM users";
$query = mysql_query($query_string) or die(mysql_error());

while ($results = mysql_fetch_array($query)) {
    print "<div id='pass_userid_div'>{$results['username']}</div>";
    print "<div>{$results['dateregistered']}</div>";
}

Answer 1

为什么一定要是div？使用 interactive element :

PHP:

while ($results = mysql_fetch_array($query)) {
    print "<button type='button' name='pass_userid_div' value='{$results['id']}'>{$results['username']}</button>";
    print "<div>{$results['dateregistered']}</div>";
}

JavaScript:

<script type="text/javascript"> 
$(function () { 
 $("button[name='pass_userid_div']").click(function () {
    $("#another_div").load('remote_pages/get_info.php?userid=' + $(this).val());
  });
});
</script> 

更新:如果它真的必须是一个 div，use a data- attribute :

<div class="pass_userid_div" data-userid='{$results['id']}'…

…$(this).data("userid")