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/

使用jquery

1 个答案: