的 DEMO

Question

我正在动态添加链接到每个链接启动模式的页面。

我需要找到启动模式的链接实例来显示正确的信息。

所以我有

<div class='linkHolder'><a href='#' data-toggle='modal' data-target='#myModal'  class='modalLink'>View</a>"

我试图通过获取类linkHolder的出现来找到它在页面上的链接。

用这个：

   function testindex()
{
    var test = ($(this).parent('.linkHolder').index());
    alert(test);
}

点击该链接会启动此提醒，但始终为-1 /未找到

感谢

Answer 1

尝试：

jQuery的：

$("button").click(function() {
    var myIndex = $(this).parent().prevAll().length;  
    alert(myIndex);
});

HTML：

<div class="myClass"><button type="button">Click me</button></div>
<div class="myClass"><button type="button">Click me</button></div>
<div class="myClass"><button type="button">Click me</button></div>

的 DEMO

Answer 2

当您动态添加这些链接时，我会在您的文档加载中使用on附加click事件：

$(document).on('click', 'a.modalLink', function(e) {
    e.preventDefault();
    alert($(this).parent('.linkHolder').index());
});

Example

您的功能问题是您没有将this传递给它，因此它不知道$(this)是什么

修改

根据您的评论，如果您只是在查找linkHolder可以在任何div中的索引，请尝试以下操作：

$('.linkHolder').index($(this).parent('.linkHolder'));

Example

jquery获取父类的实例

2 个答案:

的 DEMO