Javascript JQuery:.index（）返回-1

以下是html的主要部分：

    <div id="table">
    <div class="table_item">asd</div>
    <div class="table_item">asd</div>
    <div class="table_item">asd</div>
    </div>

单击处理工作，但我总是从.index获得-1

尝试简单地$this.index；显示了相同的结果

请帮忙！代码有什么问题吗？

请执行以下操作：

$(document).ready( function()
{
    var ti = $('.table_item');
    ti.click( function()
    {
        alert(ti.index(this));
    });
});

编辑：有人的帖子被删除了，这是正确的，我认为比我上面的代码好一点：

$(document).ready( function()
{
    $('.table_item').click( function()
    {
        alert($(this).index());
    });
});

两种解决方案的工作示例：

改为：

$(document).ready( function()
{
    var ti = $('.table_item');
    ti.click( function()
    {
        alert(ti.index(this));
    });
});

编辑：有人的帖子被删除了，这是正确的，我认为比我上面的代码好一点：

$(document).ready( function()
{
    $('.table_item').click( function()
    {
        alert($(this).index());
    });
});

这两种解决方案的工作示例：

您需要调用集合上的索引，在本例中是带有类table\u项的divs

您需要调用集合上的索引，在本例中是带有类table_item的divs

由于要将单击侦听器附加到$.table_项，因此可以使用$this引用该对象

尝试：

由于要将单击侦听器附加到$.table_项，因此可以使用$this引用该对象

尝试：

$(document).ready( function()
{
    $(".table_item").click( function()
    {
        alert($(this).index());
    });
});