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

$("#another_div").load('remote_pages/get_info.php?userid=' + $GET_THE_USERID_AND_PASS_HERE, function(){
    $("#another_div #pass_userid_div").each(function(){
        var yourvar =$(this).text();
        // use your var
     })
});

请注意，您不应使用多个具有相同 ID 的 div。使用classinstread

Answer 2

为什么它必须是一个div？使用交互式元素：

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，请使用一个data-属性：

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

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