javascript onclick（）を使用して要素の属性値を取得する方法は？

Question

私はボタンのIDにアクセスしたい、私はPHP変数を記述するときに、JavaScriptコードはエラー "未定義"の値を作成します。

function update_profile(){ $(function() { 
var element = $(this); 
var update_id = element.attr("id"); 
    var infoo = 'updated_id=' + update_id; 

    document.getElementsByClassName('test')[0].innerHTML=infoo; 


}); 
} 

ボタンコード：

<button data-toggle="modal" data-target=".bs-example-modal-lg" onclick="update_profile()" class="btn-xs btn-warning " id='<?php echo $user_rec[1]; ?>' >Update</button> 

Answer 1

あなたは、あなたの関数の$(function() { });内部を必要としません。ファンクションにthisを渡す必要があります。そのため、クリックされた要素が分かります。

function update_profile(element){ 
 
    var update_id = element.id; 
 
    var infoo = 'updated_id=' + update_id; 
 
    document.getElementsByClassName('test')[0].innerHTML = infoo; 
 
}

<div class="test">test class element</div> 
 
<button data-toggle="modal" data-target=".bs-example-modal-lg" onclick="update_profile(this)" class="btn-xs btn-warning " id='idName' >Update</button>