Question

我有一组元素，点击后，我想改变颜色。现在，我为每个人分配了一种颜色（例如，如果它是列表中的第一个颜色，那么这个颜色，如果它是第二个，那么颜色不同......）但我如何检查它们是哪一个？就像，如果我点击第三个，我怎么知道它是第三个？是否有javascript方法甚至是jQuery方法？

由于

Answer 1

如果他们是兄弟姐妹：

$(this).index();

这将返回一个从0开始的索引，因此第三个是2。

如果他们不是兄弟姐妹，请缓存该集：

var els = $('.my_group_of_elements');

然后这样做：

els.index( this );

Answer 2

jQuery有一个.index()方法，应该做你想要的。

示例：http://jsfiddle.net/au2fQ/

HTML

<ul id="Test">
    <li>Click Me</li>
    <li>Click Me</li>
</ul>
<ul id="Test2">
    <li>Click Me 2</li>
    <li>Click Me 2</li>
</ul>

JS

$('li', '#Test,#Test2').click(function(){
    var i = $(this).index(),
        k = $(this).index('li');
    alert('This is li '+i+' in the ul.  This is li '+k+' in the page.');
});

在Javascript中获取元素 - 但文档中的元素是什么？

2 个答案: