jQuery:最后一个选择器

Question

我正在使用这个jQuery代码

$('#share_module:last').css("background-color","red");

但它始终是第一个 #share_module

HTML结构有点像这样

<div id = "share_module" class = "id of the share">
//then stuff inside
</div>
<div id = "share_module" class = "id of the share">
//then stuff inside
</div>
<div id = "share_module" class = "id of the share">
//then stuff inside
</div>
<div id = "share_module" class = "id of the share">
//then stuff inside
</div>
<div id = "share_module" class = "id of the share">
//then stuff inside
</div>

但它只是第一个.有人可以帮忙吗？

Answer 1

您不能拥有多个具有相同ID的DOM元素.这只是无效的HTML.首先修复标记并删除此id属性,或者至少提供一个唯一ID,如果您希望脚本按预期运行.因此,如果你想使用:last选择器你可以使用类选择器而不是id选择器(使用带有id选择器的last last选择器是没有意义的,因为id选择器只返回一个DOM元素=>因为在DOM中只有一个带有此id的元素=>有意义):

<div class="share_module" >
    //then stuff inside
</div>
<div class="share_module" >
    //then stuff inside
</div>
<div class="share_module" >
    //then stuff inside
</div>
<div class="share_module" >
    //then stuff inside
</div>
<div class="share_module" >
    //then stuff inside
</div>

一旦你有了有效的标记,就可以使用:last选择器:

$('.share_module:last').css("background-color","red");

这是一个现场演示.