0

まず、php によって生成される複数の動的ボタンがあります。例:

<button id='btn' type='submit' name='btn' value='recordnumber5' title='deletefromtableA'>delete</button>
<button id='btn' type='submit' name='btn' value='recordnumber50' title='deletefromtableA'>delete</button>
<button id='btn' type='submit' name='btn' value='recordnumber15' title='deletefromtableA'>delete</button>
<button id='btn' type='submit' name='btn' value='recordnumber35' title='deletefromtableA'>delete</button>

jqueryを呼び出すときにjqueryに値を渡す/取得する必要があります

$("#btn").click(function(){
   var tit=("$btn").attr("title");
   var val=("$btn").attr("value");
   alert(tit +":"+ val);
});

私の問題は、それが最初のボタンでしか機能せず、他のボタンが機能しなかったことです。私のコードに問題があることはわかっていますが、複数の動的ボタンを使用できますが、1 つの jquery スクリプトを呼び出し/使用して、そのボタンからデータを受信できるようにするにはどうすればよいですか。

ところで、私はグーグルとここで検索しましたが、私は見つけて参照することができませんでした.検索する正しいキーワードが何かわからないかもしれません.

Ps: 可能であれば、jquery を関数に入れて js.file に保存したいのですが、助けてくれてありがとう。

4

2 に答える 2

3

id値はドキュメント内で一意である必要があります。そのため、jQuery はその最初の要素のみを返しますidid属性を属性に変更しclass、セレクターを変更します。

$(".btn").click(function(){
   var tit = this.title;
   var val = this.value;
   alert(tit +":"+ val);
});

また、コールバック関数の変更にも注目してください。あなたが持っていたものは機能しませんでした ($実際に jQuery を呼び出すのを忘れていました)。その間違いを修正した場合、セレクターは意味がありません。thisクリックした要素を参照するために使用できます。

于 2012-06-30T17:59:39.373 に答える
1

idの代わりにclassを使用する必要があります。Id要素はDOM全体で一意です。

<button class='btn' type='submit' name='btn' value='recordnumber5' title='deletefromtableA'>delete</button>
<button class='btn' type='submit' name='btn' value='recordnumber50' title='deletefromtableA'>delete</button>
<button class='btn' type='submit' name='btn' value='recordnumber15' title='deletefromtableA'>delete</button>
<button class='btn' type='submit' name='btn' value='recordnumber35' title='deletefromtableA'>delete</button>

そして適切なJavaScript

$(".btn").click(function(){
    var tit=this.title;
    var val=this.value;
    alert(tit +":"+ val);
});
于 2012-06-30T18:06:09.163 に答える