如何定位特定标记并在JQuery中添加类

时间:2016-01-19 17:46:40

标签: jquery

我试图告诉JQuery找到包含' listing'类的部分,然后找到课程'结果'。然后添加一个新的' last'只到最后一个李。

<section class="listings">
   <div class="ignore-this-div">
       <div class="ignore-this-div-as-well">
           <ul>
               <li class="result"></li>
               <li class="result"></li>
           </ul>
       </div>
   </div>
</section>

$(document).ready(function()
    $('listings .result').last.addClass('last')
});

4 个答案:

答案 0 :(得分:3)

您的上一个功能无效,应为.last()listings类名选择器应具有.,如下所示:

$('.listings .result').last().addClass('last');

或者您可以使用:last

$('.listings .result:last').addClass('last');

答案 1 :(得分:0)

另外,可以这样做:

$('.listings .result:last-child').addClass('last')

https://jsfiddle.net/1e0ysd1d/

答案 2 :(得分:0)

你的语法有一些问题,这可行:

$(document).ready(function(){
    $('.listings ul li').last().addClass('last');
});
.last{
background-color:#ccc;  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="listings">
   <div class="ignore-this-div">
       <div class="ignore-this-div-as-well">
           <ul>
               <li class="result">first</li>
               <li class="result">last</li>
           </ul>
       </div>
   </div>
</section>

答案 3 :(得分:0)

您在$(document).ready(function()之后缺少括号,last是一种方法,应该看起来像last(),您还必须在$('listings .result').last().addClass('last')后面加分号

你的jQuery应该是这样的:

$(document).ready(function(){
    $('.listings ul li').last().addClass('last');
});