Question

给出这个html

    <div class="my_div">a</div>
    <div class="my_div">b</div>
    <div class="my_div">c</div> 
    <div>other</div>

我想选择所有.my_div元素，但不是此类中的最后一个元素，这不正确

            $(".my_div:not(:last-child)").css({
                color: "#090"
            });

如何从一些类中选择所有元素，除了最后一个元素？

Answer 1

:last-child就是最后一个孩子，而不是给定标记的最后一个孩子。

jQuery提供了:last selector，它可以满足您的需求，但是它具有jQuery所做的成本，而不是浏览器所做的事情。因此：

$("div.my_div:not(:last)").css({
    color: "#090"
});

Live Example | Source

Answer 2

也许是这样：

$(".my_div").each(function(ind,el){
 if(el == $(".my_div:last")[0]) return true;//continue;
 $(el).css({color: "#090"});
});

http://jsfiddle.net/mys3k/1/

Answer 3

如果你对这个问题使用带有jQuery的css类，那么

可能是最简单的：

// add .nostlasts class to all .my_div divs
$('.my_div').addClass('notlasts');
// remove .nostlasts class from last .my_div
$( $('.my_div')[ $('.my_div').length ] ).removeClass('notlasts');

来自class的last-child元素

3 个答案: