如何从ajax请求中检索隐藏的TD值

时间:2017-01-16 12:21:24

标签: javascript php jquery html ajax

我想知道如何从td中检索值。我正在处理在html表中显示数据库中的数据。我想显示除了设置为隐藏的“id”字段之外的所有列。

我正在使用这个jquery代码:

function update(){
var $id = $(this).closest("tr").find("#pid").text();  
    alert($id);
}

这是我的ajax代码:

 $.ajax({
            type:'GET',
            url:'view.php',
            data:"",
            dataType: 'json',
            success:function(data){
            for(var i=0;i<data.length;i++){
                $("#body-data").append("<td hidden='hidden' id='pid'>"+data[i]['id']+"</td>"+
                                       "<td>"+data[i]['name']+"</td>"+
                                       "<td>"+data[i]['age'] +"</td>"+
                                       "<td>"+data[i]['gender'] +"</td>"+
                                       "<td>"+data[i]['email'] +"</td>"+
                                       "<td>"+data[i]['address'] +"</td>"+
                                       "<td><button class='btn btn-warning' onclick='update();'>Update</button></td>");
            }
            },

        });

我已经尝试过从html表中的附加数据中检索id的任何内容,但它只显示空白。

2 个答案:

答案 0 :(得分:0)

VanillaJS:document.getElementById('pid')。innerText

答案 1 :(得分:0)

我终于想出了如何检索隐藏的td值。

我应用链接上的答案:Extract table row data with button on that row with jQuery each()