0

jqueryを使用してボタンのIDを取得しようとしていますが、機能させることができません。以下は私の完全なコードです。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">
    $("button").click(function() {
        alert(this.id); 
    });
</script>
</head>

<body>
    <input id="some_id1" type="button" value="0"/>
</body>
</html>

EDIT 以下は更新されたコードですが、まだ機能していません。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./gridster.js_files/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("input").click(function(){
    alert($(this).attr("id"));
});
</script>
</head>

<body>
    <input id="some_id1" type="button" value="0"/>
</body>
</html>

編集2 これは動作します

<script type="text/javascript">
$(function(){
$("input").click(function(){
    alert($(this).attr("id"));
});
});
</script>
4

4 に答える 4

4

問題は、ハンドラーをbuttonタグに設定しているのに、html に入力タグがあることです。セレクターを変更する$("input")

$("input").click(function() {
    alert(this.id); 
});

編集 ：

JavaScript をそのままにして、html ボタンの入力を変更することもできます。

<button id="some_id1" value="0">Click me!</button>

OPの編集に続いて編集2：

ボタンがページに書き込まれる前にコードが実行されるため、コードが機能していません。2 つの選択肢があります。本体の後に JavaScript を記述するか、次のように関数をラップします。

$(function() {
    $("input").click(function() {
       alert(this.id); 
    });
});

フィドル

于 2013-08-10T20:06:25.523 に答える
2

これを試して：

$("input").click(function(){
    alert($(this).attr("id"));
});
于 2013-08-10T20:07:33.290 に答える
0

単純にボタンを記述する代わりに、ボタンの ID を使用する

このライブデモをチェック

$(document).ready(function() {
     $("input").click(function( event ) {
        alert( this.id );
    });
});
于 2013-08-10T20:09:33.473 に答える
0

これはあなたの例により具体的です：

$("input[type='button']").click(function(){
    alert(this.id);
});

とにかくあなたはそれを行うことができます

$("input").click(function() {
        alert( this.id );
    });

HTMLに入力が1つしかない限り。

于 2013-08-10T20:17:55.983 に答える