jquery - 如何使用不同的元素 id 标签调用相同的函数？

Question

我是 jquery 的新手，在调用一个函数的多个实例时遇到问题。

我有一个函数

 $('#open_dialog').click(function(){
     $("#dialog").dialog("open");
       return false;    
});

要调用此函数，我有一个 ID 标记名称为 open_dialog 的 href 链接。显然，如果它是页面上引用该函数的唯一链接(一对一关系)，则效果很好。但是，我想要(多对一关系)。

我有一个包含 25 条记录的表，我要求每条记录都有一个调用 open_dialog 函数的链接我知道所有 id 都不能被称为 open_dialog，因为它们必须是唯一的，因此我如何访问函数，同时传递我的 25 条记录之一正在实例化该函数的值。

顺便说一句，我的记录是动态的，因此 $('#open_dialog, open_dialog2,open_dialog3,...') 不实用。

感谢您看我的帖子

Answer 1

您可以在项目上使用类，然后使用，而不是使用唯一的 ID

$('.classname').click(function()
{
     // 'this' would reference the anchor that was clicked
     $("#dialog").dialog("open");
       return false;    
});

此外，您还可以向 anchor 添加另一个属性，即

<a href="#" class="classname" record="14">Record 14</a>

然后在你的函数中你可以拥有

var record = $(this).attr("record");

record 现在将包含 14。