从表的td获取id

时间:2017-05-12 15:42:50

标签: javascript jquery

<script type="text/javascript">
function LoadData(){   
    var url = serverURL+"/List.php";
    $.ajax({
        type: "GET",
        url: url,
        dataType: "json",
        success: function(data){    
            $.each(data.data, function (key, value) {
                var doc_id=value['id'];
                var doc_name=value['name'];
                var doc_speci = value['specialize'];
                $("#myTable").append("<tr><td>"+doc_name+"</td><td>"+doc_speci+"</td><td class='retrieve' data-did="+doc_id+" style='cursor: pointer;'>EDIT</td></tr>");                    
            });
        },
        error: function(data){
            toastr.error("Opps! Something went wrong");
            $(".se-pre-con").fadeOut("slow");
        },
    });
}
</script>

以上将tr添加到我的html表格中。 HTML TABLE如下:

<table id="myTable" class='table table-bordered table-hover table-striped'>
    <tr>
        <th>Name</th>
        <th>Specialization</th>
        <th>Action</th>
    </tr>
</table>

现在我想从td类检索数据属性中检索id,这样我就可以发送id并将其重定向到其他页面进行编辑。

1 个答案:

答案 0 :(得分:0)

// Clicks the edit field
$("td.retrieve").on("click", function(e) {

    var id = $(e.currentTarget).attr("data-did");

    // do with the ID what you want
    alert(id);

});

我知道jQuery有一个&#34;数据(...)&#34;功能,但我有时在过去遇到问题。 &#34; ATTR(...)&#34;会做类似的事情,但特别依赖于属性而不是存储的对象。