jQueryの動的な要素からIDやクラスを取得

Question

レッツは、私が持っていると言う5要素からPHPクエリ（それが動的である） は、以下に例示する：

element 1 class=element id=id_1 
element 2 class=element id=id_2 
element 3 class=element id=id_3 
element 4 class=element id=id_4 
element 5 class=element id=id_5 

我々は彼らのを知ることによってjqueryのイベントを使用ussulayクラスまたはidですが、この場合、のIDはと正確には分かりません。 PHPクエリから動的な要素をどのように扱うか

$("#id_3").click(function() 
{ 
    //in this case we have known we want to add event when we click id_3 
}); 

？
たとえば、element 3をid_3とクリックしたことをどのように知ることができますか？
$(????).click();には何を記入しなければなりませんか？
クラスを使用すると、どのように私がidクラスから参照したかを知ることができますか？

Answer 1

これらのクラスがすべて同じクラスである場合は、クラスセレクタを使用できます。その後、thisを使用して、後にあるプロパティを探します。

$('.element').click(
    $(this).prop('id'); 
); 

Answer 2

クリックだけを追加したい場合は、それをサーバー側の生成されたHTMLに追加しないでください。

Answer 3

attribute starsWithセレクタ& onを使用すると、動的に作成された要素にイベントをバインドできます。

$('body').on('click', '[id^=id]', function(e){ 

}); 

Answer 4

あなたの例ではすべてのエレメントが同じクラスを持っているので、あなたはそれに基づいて、セットアップあなたのイベントハンドラを次のことができます。

$(".element").click(function() { 
    // "this" refers to the clicked element 
    // this.id will be the id of the clicked element 
}); 

あるいは、これらの要素はAjaxを介してロードされているという意味で、ダイナミックであるかを「somecontainerelementは」理想的な動的要素が追加されていることを要素となりますが、できたでしょう

$("somecontainerelement").on("click", ".element", function() { 
    // do something with this.id 
}); 

：いくつかの時点で、最初のページロード後に委任イベントハンドラを使用しますちょうどdocumentである。

Answer 5

これは私が動作させるための唯一の方法でした。たとえば、属性IDまたはクリックされた要素の値を取得したい場合は...

$("containerElem").on("click", "someElemID", function(evt) { 
    var getElemID = $(evt.target).attr("id"); 
    var getVal = $(evt.target).val(); 
}); 

Answer 6

我々は、IDやクラス

$(document).ready(function() { 
    // user this if element is div 
    $('div[id^="id_"]').on('click', function() { 
    alert($(this).attr('id')); 
    }); 
    // user this if element is input 
    $('input[id^="id_"]').on('click', function() { 
    alert(this.id); 
    }); 

});