将类添加到li-Element

Question

我正在尝试将类或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>

Answer 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/

Answer 2

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

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

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