如何从 php 变量获取数据属性？

我有一个可以使用 ajax 和 jQuery 从 MySql 数据库中删除记录的表单。我试图让 jQuery 仅选择传递给它的相关记录，而不仅仅是删除它目前所做的顶行记录。我想我需要得到

<div class="'.$id.'">

从我的表单中并将其设为可以选择的数据属性。希望我能说清楚。非常感谢。

<script type="text/javascript">
    //Delete Review
    $(document).ready(function(){
        //Need to get $id here.
        $(".deleteReview").click(function (e) {
            e.preventDefault();
            var username = $("#username").val();
            var film_id = $("#film_id").val();
            var id = $("#id").val();

            $.post('ajax_deleteReview.php', {
                username: username,     
                film_id: film_id, 
                id: id
            }, function(data) {
                $("#message").html(data);
                $("#message").hide();
                $("#message").fadeIn(500); 
                $("#message").fadeOut(2500); 
            });
            return false;
        });
    });
</script>

<form>
    <div class="'.$id.'">
        <input type="hidden" id="username" name="username" value="'. $username.'">
        <input type="hidden" id="film_id" name="film_id" value="'.$film_id .'">
        <input type="hidden" id="id" name="id" value="'.$id .'">
        <button type="submit" id="" class="btn btn-danger btn-xs pull-right">delete</button>
    </form>
</div>

我建议你使用data-*前缀属性来保存您的数据。

HTML

 <div data-id="'.$id.'" data-username="'. $username.'" data-filmid="'.$film_id .'" class="deleteReview">
    <button type="submit" id="" class="btn btn-danger btn-xs pull-right">delete</button>
 <div >

然后你可以使用它来获取它.data(key) https://api.jquery.com/data/#data2

返回 jQuery 集合中第一个元素的指定数据存储中的值，由 data(name, value) 或 HTML5 data-* 属性设置

Script

 //Delete Review
$(document).ready(function(){
    //Need to get $id here.
    $(".deleteReview").click(function (e) {
        e.preventDefault();
        var username = $(this).data("username");
        var film_id = $(this).data('filmid');
        var id = $(this).data('id');

        ......
        return false;
    });
});