我们如何使用类名在Jquery中的位置获取第二个元素

时间:2013-07-17 14:39:07

标签: javascript jquery

DisablePaginationButton("first");

上面的语句工作正常,并且更改了第一个元素。

DisablePaginationButton("second"); ===> does not work 

function DisablePaginationButton(position) {
    $(".pagination a:" + position).addClass("disableButton");
    $(".pagination a:" + position).click(function(e) {
        e.preventDefault();
    })
}

有人可以帮我解决如何获取第二个元素的问题。也是第二个元素。

5 个答案:

答案 0 :(得分:2)

使用a:eq("+index+")而不是第一,第二.. 0,1,..

答案 1 :(得分:1)

通过索引并使用eq(index),例如:

$(".pagination a:eq(" + position + ")")

答案 2 :(得分:0)

您可以使用

function DisablePaginationButton(position) {
    var $elem = $(".pagination a:eq(" + (position - 1) + ")");
    $elem.addClass("disableButton");
    $elem.click(function(e) {
        e.preventDefault();
    })
}

并像这样称呼它

DisablePaginationButton(1);

DisablePaginationButton(2);

修改

方法eq基于零。如果您对此感到满意,可以替换

(position - 1)

通过

position

并像这样调用方法

DisablePaginationButton(0);

DisablePaginationButton(1);

答案 3 :(得分:0)

$('.pagination').next();

examp。小提琴

http://jsfiddle.net/DwC3L/

答案 4 :(得分:0)

我会使用.eq()而不是:eq()。我认为使用和阅读更容易。我还会使用“第一”和“第二”等数字。有一个:first,但没有:second:third或其他任何内容。

我会这样做。

var position = 1;
$('.pagination a').eq(position);

这将返回第二个分页链接。

如果你希望倒数第二个,你可以传递一个负面索引。

$('.pagination a').eq(-2);