首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery -如何使用不同的元素id标签调用相同的函数?

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

Stack Overflow用户
提问于 2010-01-22 22:18:20
回答 6查看 8.1K关注 0票数 6

我是jquery的新手,在调用一个函数的多个实例时遇到了麻烦。

我有一个函数

代码语言:javascript
运行
复制
 $('#open_dialog').click(function(){
     $("#dialog").dialog("open");
       return false;    
});

显然,如果它是页面上引用该函数的唯一链接(一对一关系),那么这将非常有效。

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

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

感谢您阅读我的帖子

EN

回答 6

Stack Overflow用户

发布于 2010-01-22 22:22:12

您可以在项目上使用一个类,而不是使用唯一id,然后使用

代码语言:javascript
运行
复制
$('.classname').click(function()
{
     // 'this' would reference the anchor that was clicked
     $("#dialog").dialog("open");
       return false;    
});

此外,您还可以向锚点添加另一个属性,即

代码语言:javascript
运行
复制
<a href="#" class="classname" record="14">Record 14</a>

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

代码语言:javascript
运行
复制
var record = $(this).attr("record");

record现在将包含 14。

票数 12
EN

Stack Overflow用户

发布于 2010-01-22 22:22:49

你可以使用class代替id。

代码语言:javascript
运行
复制
$('.open_dialog').click(function(){ 
    $('#dialog').dialog("open");
    return false;
});
票数 0
EN

Stack Overflow用户

发布于 2010-01-22 22:28:00

您将使用类选择器而不是id选择器。

将相同的类应用于每个链接...让我们说“openDialog”

代码语言:javascript
运行
复制
<a class='openDialog' href='your link here'>Your text here</a>

在jQuery中,您可以将您拥有的内容更改为以下内容...

代码语言:javascript
运行
复制
$('.openDialog').click(function(){
  $("#dialog").dialog("open");
  return false;    
});

我搞不懂你用"#dialog“id指的是什么。你并没有真正解释上面是什么.或者至少我没有得到如果你得到了。

如果您正在提取的记录集中有任何需要传递给onclick函数的值,您可以将每个锚标记的id (假设这些值是唯一的)设置为您需要传递的值,然后在代码中引用它们,如下所示……(我已经将链接的id存储在下面名为rec_no的变量中...

代码语言:javascript
运行
复制
$('.openDialog').click(function(){
  var rec_no = $(this).attr("id");

  $("#dialog").dialog("open");
  return false;    
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2117809

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档