this.element不访问元素中的任何数据

Question

I am trying to dynamically find which element the user clicks on. 我正在尝试动态查找用户单击的元素。 When the user clicks on an element, I want to be able to access the data of the element. 当用户单击某个元素时，我希望能够访问该元素的数据。 Here is my code: 这是我的代码：

JS: JS：

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

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

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

});

The alert gives me a message of undefined. 警报给了我一条未定义的消息。

html: HTML：

    <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>

Answer 1

简单地代替this.element使用this

this.element不访问元素中的任何数据

问题描述

1 个解决方案

解决方案1
0 2017-02-26 11:38:20

this.element不访问元素中的任何数据

问题描述

1 个解决方案

解决方案1 0 2017-02-26 11:38:20

解决方案1
0 2017-02-26 11:38:20