2016-11-07 4 views
1

まあ、私の問題は、以下に記載されていますjquery .htmlを通してhrefを作成し、次にそのイベントを使用する方法は?

私はテーブルで作成したHREFするために、このJavaScriptコードを持っている:

$('#table').html('<a name="example" class="one">One</a><a name="example" class="two">Two</a>'); 

そして私は私が押されたaタグ知りたい....このような何か:

$("a[name=example]").click(function(e) { 
    var example= $(this).attr("class"); 
    alert(example); 
} 

しかし、これは動作しません...

は、あなたが私を助けてもらえますか?

Thx 4 advance!

+0

[__'Event delegation'__(https://learn.jquery.com/events/event-delegation/)についての記事を読みます – Rayon

答えて

1

あなたは、新鮮なDOM(aタグ)をクリックしてイベントをアタッチするイベント委任on()を使用する必要がありますが、あなたのスクリプトでページに動的に追加:

$("#table").on('click','a[name=example]',function(e) { 
    var example= $(this).attr("class"); 
    alert(example); 
}) 

をこの情報がお役に立てば幸いです。

$('#table').html('<a name="example" class="one">One</a><br><a name="example" class="two">Two</a>'); 
 

 
$("#table").on('click','a[name=example]',function(e) { 
 
    var example= $(this).attr("class"); 
 
    alert(example); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="table">

0

これは、あなたがそれを行う必要がある方法です。

$("#table").on('click','a[name="example"]',function() { 
 
    var example= $(this).attr("class"); 
 
    alert(example); 
 
}); 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE> 
 
<html> 
 
    <body> 
 
    <div id="table"> 
 
    <a name="example" class="one">One</a> 
 
    <a name="example" class="two">Two</a> 
 
    </div> 
 
    </body> 
 
    
 
    
 
</html>

関連する問題