如何从php变量获取data属性? [英] How can I get the data attribute from a php variable?

问题描述

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

I have a form that can delete records from a MySql database using ajax and jQuery. I'm trying to get the jQuery to only select the relevant record passed to it and not just delete the top row of records which it does at the moment. I think I need to get

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

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

from my form and make it a data attribute that can be selected. Hope I'm making myself clear. Many thanks.

<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-*的属性来持久保存数据.

I would recommend you to use data-* prefixed attributes to persists your 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)

Then you can fetch it using .data(key)

根据数据(名称，值)或HTML5 data- *属性设置的值，返回jQuery集合中第一个元素的命名数据存储区中的值

Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute

脚本

 //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;
    });
});

这篇关于如何从php变量获取data属性?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！