2017-01-16 7 views
1

tdから値を取得するにはどうすればいいですか?私はデータベースからのデータをhtmlテーブルに表示する作業をしています。私は隠されるように設定されている "id"フィールドを除くすべての列を表示したい。ちょうど私がHTMLテーブルに追加されたデータからIDを取得するために何かをしようとしましたajaxリクエストから隠されたTD値を取得する方法

$.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>"); 
      } 
      }, 

     }); 

それ:

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

はここに私のAjaxコードです:

私はこのjqueryのコードを使用しています空白だけを表示します。

答えて

0

VanillaJS:。のdocument.getElementById( 'PID')のinnerText

+0

試してみました。それは部分的に動作しますが、問題は、最初の行の値を取得するだけです。2番目の行をクリックしようとすると、値はまだ最初の行の値に残ります –

+0

次にidの代わりにクラスを作成し、あなたは、値を取得するクラスの配列全体に行くことができるようになります – ayxos

関連する問題