1

動的データのテーブルが PHP で構築されたフォームがあります。各行には、クリックされたときにクリック イベントで jQuery 関数を呼び出す画像があります。

たとえば、画像の ID が eventnfo_0 の場合、次のような関数があります。

$("#eventnfo_0").click(function()

行ごとに定義されたクリックイベントがある限り、すべて正常に機能します。問題は、行の数が異なる可能性があるため、動的にする必要があるため、上記のように行ごとに個別の関数を構築することは現実的ではありません。

私の考えでは、onclick イベントから jQuery 関数を呼び出して行番号を渡す方法が必要ですが、これまでのところサイコロはありません。

珍しい作業ではないと思いますが、検索がうまくいきませんでした。

どんな考えでも大歓迎です。

4

3 に答える 3

3

これを行うには多くの方法があります...各imgで同じクラスを呼び出し、それをセレクターとして使用します...

$('.yourClassName').click(function(){alert($(this).attr('id'));});

また

 $("[id^='eventnfo_']").click(function(){
     alert($(this).attr('id'));
 });

動的に追加されるため、これが役立つ場合があります..

$(document).on('click',"[id^='eventnfo_']".click(function(){
     alert($(this).attr('id'));
 });

更新しました

行番号の属性を使用しdataて、jquery から取得できます。

これがあなたのhtmlだと言います。

 <img id="eventnfo_0" data-rownumber="1"/>

とjquery

$("[id^='eventnfo_']").click(function(){
     alert($(this).data('rownumber')); //this will alert 1
 });
于 2013-01-22T05:20:48.843 に答える
1 
$("[id^='eventnfo_']").click(function(){
   alert(this.attr('id'));
});
于 2013-01-22T05:22:26.857 に答える
0

使用できない動的な行を探している場合は、推奨される方法を使用.clickする必要があります。.on

JSコード

$("#table_id").on("click","tr [id^='eventnfo_']", function(){
 //your code goes here.
});

上記はjQueryイベント委任と呼ばれます。続きを読む

于 2013-01-22T05:46:30.263 に答える