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

How do we fetch second element by its position in Jquery using class name

本文关键字:Jquery 位置 获取 元素 第二个 何使用 我们      更新时间:2023-09-26
DisablePaginationButton("first");

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

DisablePaginationButton("second"); ===> does not work 
function DisablePaginationButton(position) {
    $(".pagination a:" + position).addClass("disableButton");
    $(".pagination a:" + position).click(function(e) {
        e.preventDefault();
    })
}

有人可以帮助我如何获取第二个元素吗?也是倒数第二个元素。

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

传递索引并使用eq(index),例如:

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

你可以使用

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);
$('.pagination').next();

关于小提琴的实例

http://jsfiddle.net/DwC3L/

我会在:eq()上使用.eq()。我认为使用和阅读要容易得多。我也会在"第一"和"第二"等上使用数字。有:first但没有:second:third或任何东西。

我会这样做。

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

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

如果你想要倒数第二个,你可以传递一个负索引。

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