使用 jquery 将 id 归因于变量

Question

我正在尝试将列表项 id 的值分配给一个变量，然后使用该变量并使用一些 jquery 函数更改网页的整个设置。但现在我只是想测试整个事情并注销变量的新值。

我在此处阅读以使用 .attr('id') 但我一直未定义。这是html代码的一部分：

    <ul class="vilains">
        <li id="Joker"><img src="image/Joker.jpg" alt="The Joker"></li>
        <li id="Lex Luther"><img src="image/Lex%20Luther.png" alt="Lex Luther"></li>
        <li id="The Trixter"><img src="image/The%20Trixter.jpg" alt="The Trixter"></li>
        <li id="The Kingpin"><img src="image/The%20Kingpin.png" alt="The Kingpin"></li>
    </ul>

我知道超级英雄...只是为了玩玩并测试我的知识...

这是我的 jquery 代码

$(document).ready(function () {
    $(".vilains").find("li").on("click", function (){
        var ennemy = $(this).attr('id');
        console.log(ennemy);
    });   

});

日志始终未定义。 我做错了什么？ 也可以得到图片中alt的值吗？

谢谢

Answer 1

你去吧：

 $(document).ready(function () {
      $(".vilains li").on("click", function (){
      var ennemy = $(this).attr('id');
      console.log(ennemy);
      console.log($(this).children('img').attr('alt'));
   });   
 });

这是一个小提琴

https://jsfiddle.net/38zvrypg/3/