:最后一次不起作用

时间:2011-05-20 07:31:27

标签: jquery

jQuery(".xg_module_body .postbody a:last").addClass("continue");

那个代码有什么问题吗?由于某种原因,课程没有被添加。

我正在尝试添加指向a中最后一个.postbody的链接。我尝试了:last-child,并为两个a标记添加了一个类。那么为什么:last不起作用呢?

<div class="xg_module_body">
    <h3>
        <span>
            <a href="link">
                <img src="image url">
            </a>
        </span>
        <a href="link">Lorem Ipsum</a>
    </h3>
    <div class="postbody">
        <p>
            <a href="link"><img src="image url"></a>
        </p>
        <p>Lorem Ipsum</p>
        <a href="link">Continue</a>
    </div>
    <p class="small">
        <a href="link">Lorem Ipsum</a>
    </p>
    <p>
        <a href="link">Lorem Ipsum</a>
    </p>
</div>

2 个答案:

答案 0 :(得分:3)

如此处所示,它确实有效:http://jsfiddle.net/B9CwH/

我打赌你的选择器错了。您粘贴的代码段没有.xg_module_body

<div class="postbody">
     <p>
          <a href="link"><img src="image"></a>
     </p>
     <p>title</p>
     <a href="link">Continue</a>
</div>

$(".postbody a:last").addClass("continue");

答案 1 :(得分:1)

完美的工作:

见这里:

http://jsfiddle.net/xkeshav/q5jK2/

其他方式:尝试 filter

$('.postbody').filter(':last').addClass("continue");

<强> DEMO