2016-03-23 25 views
1

Ich habe ein Problem mit Jquery. Ich habe ein neues Projekt, und in meinem Projekt können Sie HTML-Tags auf einen Artikel Tag mit jquery wie 2 col oder 3 col mit diesem Code hinzufügen:Jquery erhalten Element

das ist mein HTML-Code

<article id="1" name="1"> 
    Plaese Click Me! 
</article> 

und wenn ich auf auf einem Artikel Tag, betreibe ich diesen Code

jQuery("article").click(function (e) { 
    var name = $(this).attr("name"); 
    $(".object").attr("name", name); 
    alert(name); 
    e.stopPropagation(); 
}); 

und wenn ich auf ein Objekt klicken, füge ich diese hTML-Tags zu Artikel-Tag mit diesem Code jquery

$(".object").click(function() { 
var name = parseInt($(this).attr("name"), 10); 
var id = '#' + name; 

var content; 

    content = "<article class='col-md-6' id='" + ++name + "' name='" + name + "'>salam</article><article class='col-md-6' id='" + ++name + "' name='" + name + "'>Bye</article>"; 
$(id).html(content); 
}); 

und wenn ich auf einen Artikel Kind erneut auf jquery geben mir Eltern Namen und ich will, wenn ich auf Tag Kind Artikel klicken Sie geben mir Kind Name

dank

Antwort

4

Sie für dynamisch hinzugefügt Artikel Elemente Ereignis Delegation benötigen :

jQuery("body").on('click','article',function (e) { 
    var name = $(this).attr("name"); 
    $(".object").attr("name", name); 
    alert(name); 
    e.stopPropagation(); 
});