6

複数のdivを動的に追加しています。クラス名は「result_」+idとして指定されます。ここで、idはデータベーステーブルからのものです。

<div class="result_137">Gaurab Dahal</div>
<div class="result_138">saurab dahal</div>

ここに画像の説明を入力してください

クリックされたdivを追加できるように、クリックイベントを作成するにはどうすればよいですか。

たとえば、以下のようにcssを記述して、文字列「result」で始まるクラス名を持つすべてのdivをアドレス指定できます。

div[class^="result"]{
    padding:5px;
    width:490px;
    background: rgba(204,204,204,0.5);
    font: 12px arial, verdana, sans-serif;
}
4

3 に答える 3

5

動的に追加されたdivの場合、イベントをバインドするためにon（）を使用する必要があります。イベントをドキュメントまたは動的に追加された要素の親要素に委任できます。

ライブデモ

$(document).on('click', 'div[class^=result]', function(){
    alert($(this).text());                              
});
于 2012-12-26T07:28:35.843 に答える
3

動的に div を追加したので、次のようにします。

$(function(){    // ready handler required
    $(document).on('click', 'div[class^=result]', function(){ // .on in your case
        alert($(this).text());                               // will be helpful
    });
});
于 2012-12-26T07:36:50.677 に答える
0

ev がイベントの場合、このように div の ID を取得var selection = $(ev.target).attr("id");できます。次に、このように jquery のクリック機能を適用できます。$(selection).live('click',function(){//ur code here });

于 2012-12-26T07:45:55.393 に答える