将类添加到li-Element

时间:2014-01-27 11:27:28

标签: javascript jquery

我正在尝试将类或id添加到最后一个列表元素中。但它不起作用。 (没有错误信息):

<div id="preistabelle">
 <ul class="pricing-cols">
   <li class=pricing-col three-table "></li>
   <li class=pricing-col three-table featured plan "></li>
   <li class=pricing-col three-table "></li>
</div>


 <script>
 $(".pricing-cols ul li:last-child").addClass("last");
 </script>

2 个答案:

答案 0 :(得分:1)

我为你修好了。你的HTML代码中有很多错误。

HTML:

<div id="preistabelle">
    <ul class="pricing-cols">
        <li class="pricing-col three-table "></li>
        <li class="pricing-col three-table featured plan "></li>
        <li class="pricing-col three-table ">test</li>
    </ul>
</div>

使用Javascript:

$(function () {
    $(".pricing-cols li:last-child").addClass("last");
});

CSS(仅用于测试)

.last {
    background-color: black;
}

工作演示:http://jsfiddle.net/2yZJJ/

答案 1 :(得分:0)

$(".pricing-cols ul li:last-child").addClass("last");

当.pricing-cols为ul时,在.cricing-cols中选择了一个ul,改为:

$(".pricing-cols li:last-child").addClass("last");