2017-02-26 11 views
0

ユーザーがクリックする要素を動的に検索しようとしています。ユーザーが要素をクリックすると、その要素のデータにアクセスできるようにしたいと考えています。ここに私のコードは次のとおりです。this.elementは要素内のデータにアクセスしていません

JS:

$('.elements').on('click', function(){ 

    var elementClicked = $(this.element).attr('rel'); 

    alert(elementClicked); 
    console.log(elementClicked); 

}); 

アラートが私に未定義のメッセージが表示されます。

HTML:代わりにthis.element使用の単純

<body> 
    <div id="gameholder"> 
     <div id="title"></div> 
     <div class = "elements"> 
     <div rel = " first" class="penguin1"></div> 
     <div rel = " second" class="penguin2"></div> 
     <div rel = " third" class="penguin3"></div> 
     <div rel = " fourth" class="penguin4"></div> 
     </br> 
     <div rel = " fifth" class="penguin5"></div> 
     <div rel = " sixth" class="penguin6"></div> 
     <div rel = " seventh" class="penguin7"></div> 
     <div rel = " eigth" class="penguin8"></div> 
    </div> 
</body> 
+0

はあなたがelement' 'なし' $(this)を.'使用してみましたか?また、クリックセレクタを '$( '。elements div')に変更してください。**例:** https://jsfiddle.net/jweppm8t/ – NewToJS

+0

はい、それは私にも定義されていません。 – Damian

+0

私が提供している例を確認してください。すべて私にとってうまくいっています。 – NewToJS

答えて

関連する問題