javascript - JQuery 添加类

Question

我想在 <li> 时添加一个类元素被点击。但没有成功。这是 JQuery 片段

$(".mama").click(function(){        
    var arr = ["cat","dog", "mice", "bird"];
    alink =  $(this).text();        

    $.each(arr, function(index, value) {
        if(alink == value){
            $(this).addClass('hi'); 
        }
    }); 
});

和 HTML

<ul id="animal">
    <li class="mama"><a href="#">cat</a></li>
    <li class="mama"><a href="#">dog</a></li>
    <li class="mama"><a href="#">Mice</a></li>
</ul>

我也尝试过通过 .map 来做到这一点，但没有任何反应。请给出解决方案并进行一些解释。谢谢

Answer 1

这应该有效:

$(".mama").click(function(){   
    var $this = $(this);     
    var arr = ["cat","dog", "mice", "bird"];
    alink =  $(this).text();        

    $.each(arr, function(index, value) {
        if(alink == value){
            $this.addClass('hi'); 
        }
    }); 
});

因为this里面each是 不是 DOM 元素 <li> .