2016-03-23 10 views
1

jqueryに問題があります。私は、新しいプロジェクトを作成し、私のプロジェクトでは、あなたがこのコードの2 COLまたは3 COLのようにjQueryを使って記事のタグにHTMLタグを追加することができます:私がクリックしたときに、これは私のhtmlコードJquery get element

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

ある

と記事のタグに、私はこのコード

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

を実行し、私は、オブジェクトのボタンをクリックしたとき、私はこの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); 
}); 
で記事のタグにこれらのHTMLタグを追加します

おかげ

答えて

4

を、私は私に親の名前を与える記事の子jqueryの上でもう一度クリックして、私は子供の記事タグをクリックしたときに私が欲しい私の子の名前を与えるときは、動的に追加記事の要素のためのイベントの委任を必要とします:

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