javascript - 向 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/