代码之家 › 专栏 › 技术社区 › Matt McCormick

jQuery索引()的问题

indexing jquery-selectors jquery

Matt McCormick · 技术社区 · 16 年前

HTML:

<div id="rating_boxes">
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
<img src="/img/ratingbox.gif" class="ratingbox" alt="Rate this Speech" />
</div>

jQuery:

$("img.ratingbox").hover(function() {
    var index = $(this).parent().index(this);
            // have also tried $("#rating_boxes").index(this);
            // and $("#rating_boxes").index($(this));
            // and $(this).parent().index($(this));
    alert(index);
    $(this).attr('src', '/img/ratingbox-selected.gif');
}, function() {
    $(this).attr('src', '/img/ratingbox.gif');
});

3 回复 | 直到 16 年前

Russ Cam 16 年前

我倾向于避免使用 index()

$(this).prevAll().length

获取索引。使命感 size() prevAll() length 属性,因此我更喜欢直接使用length并跳过额外的函数调用。

例如

$("img.ratingbox").hover(function() {
    var index = $(this).prevAll().length;
    alert(index);
    $(this).attr('src', '/img/ratingbox-selected.gif');
}, function() {
    $(this).attr('src', '/img/ratingbox.gif');
});

在jQuery1.4中,您只需调用 索引() 在jQuery对象上获取对象中第一个元素的索引。

user229044 16 年前

index() 返回给定元素的索引以及元素列表,而不是在父元素中。要查找单击图像的索引,需要查找所有图像,而不是 父母亲

// Find all the images in our parent, and then find our index with that set of images
var index = $(this).parent().find("img").index(this);

在第二个示例中,您还使用了id选择器而不是类选择器。而不是

$("#rating_boxes").index($(this)); // your way - select by ID

你想要

$(".rating_boxes").index(this); // select by class

Tatu Ulmanen 16 年前

var index = $(this).prevAll('img').size();

即,计算该元素之前的img元素数量。index方法要求您首先选择父元素,然后选择其中的所有img元素。这稍微快一点。

Olu 6 年前

var index=$(this).prevAll().length;

不会起作用,因为它给出了与使用相同的答案

var index=$(this.parent().find(“img”).index(this);

我刚刚用这两种方法解决了我的问题。

推荐文章

Merlin Nestler · 为什么索引中的列顺序在这种情况下会产生如此大的影响?

1 年前

Max · 用两列中的特定值对识别R中的数据帧行

1 年前

Remaker Shadow · Excel-索引+匹配公式问题[重复]

1 年前

Dasi · Pandas.loc返回序列或浮点数不一致

1 年前

climsaver · 首次连续查找两个相同值的索引

1 年前

Ecanyte · 矩阵索引/展平

1 年前

Some Name · 为什么index[]试图移动值,但直接调用index不会[重复]

2 年前

sds Niraj Rajbhandari · 在时间戳索引中按日期时间查找不起作用

2 年前

babipsylon · 在C中创建div_t类型结构元素的数组++

2 年前

Martin AJ · 如何在庞大的数据集上快速执行COUNT(*)?

2 年前