Add class to li-Element

Question

I´m trying to add a class or id to the last list element. But it do not work. (with no error message):

<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

I fixed it for you. You had a lot errors in your html code.

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 (only for testing)

.last {
    background-color: black;
}

Working demo: http://jsfiddle.net/2yZJJ/

Answer 2

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

当.pricing-cols是ul时，这会在.pricing-cols中选择一个ul，更改为：

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