Javascript this.element未访问元素中的任何数据_Javascript_Jquery_Html

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

javascript jquery html

Javascript this.element未访问元素中的任何数据,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试动态查找用户单击的元素。当用户单击某个元素时，我希望能够访问该元素的数据。这是我的密码： JS: 警报给我一条未定义的消息 html: <body> <div id="gameholder"> <div id="title"></div> <div class = "elements"> <div rel = " first" class="penguin1

我正在尝试动态查找用户单击的元素。当用户单击某个元素时，我希望能够访问该元素的数据。这是我的密码：

JS:

警报给我一条未定义的消息

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>

简单地代替此元素。使用此您是否尝试过使用

$（此）。

不使用

元素

？还可以将单击选择器更改为

$（'.elements div'）

示例：我有，但它也提供了未定义的。请检查我提供的示例JSFIDLE。对我来说一切都很好。更改单击选择器后，效果非常好。我花了好几个小时才弄明白。谢谢@NewToJSVery欢迎您！有时，你可能会过度思考简单的更改，这会让事情变得更复杂，这就是为什么让其他人检查问题总是好的：）

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