javascript - 悬停不适用于jQuery中的类

我想用相同的类来翻译这些元素中的每个元素。例如，如果我将这些类之一悬停了，我只希望将悬停的类翻译成并非全部翻译成类。这是我的代码：

<div class="latestNewsHeadLines">

 <ul>

   <li class="headlineCl">text1</li>
   <li class="headlineCl">text2</li>
   <li class="headlineCl">text3</li>
   <li class="headlineCl">text4</li>

 </ul>

</div>

jQuery代码：

 $(".headlineCl").hover(function(){

    var Length = $(this).width();
    var transRight = -(Length -245) ;


    $(".headlineCl a").css({'right':transRight+"px"})


});

谢谢！

最佳答案

如果您的html实际上具有不同于所提供html的a标记：

Codepen

 $(".headlineCl").hover(function(){
    var Length = $(this).width();
    var transRight = -(Length -245) ;
    // `this` refers to the selector to which
    // your hover function is attached
    $(this).find('a').css({'right':transRight+"px"})
});

否则，您可以使用：

$(".headlineCl").hover(function(){
    var Length = $(this).width();
    var transRight = -(Length -245) ;
    // `this` refers to the selector to which
    // your hover function is attached
    $(this).css({'right':transRight+"px"})
});