将 jQuery 单击处理程序添加到多个元素?

2024-06-27

我需要有一个for在我的 jQuery 中循环。

Example:

  for(i=0;i<counter;i++)
   {
    $("div"+i+"").click(function(){//some code});
   }

我怎样才能做到这一点?


EDIT:

OP 在对其中一个答案的评论中发布了此代码:

$("#displayPanel div").click(function (){ alert($(this).attr("id")); } 

<div id="displayPanel" class="displayPanel"> 
  <div id="heading"> Display Panel </div> <br/> 
  <div id="save" class="saveClass"></div> <br/> 
  <div id="field1" class="my"> 
    <label id="labelstr1">Untitled1</label> 
    <input id="inputstr1" type="text"/> 
  </div> 
  <div id="field2" class="my"> 
    <label id="labelstr2">Untitled1</label> 
    <input id="inputstr2" type="text"/> 
  </div> 
</div>

警报显示前两个的 IDdivs 而不是为了field1 and field2.


Note:

The Field1 and Field2 divs 是动态创建的。


您可以将 div 放在一个公共类中

<div id="d1" class="your_css_class your_control_class">
<div id="d2" class="your_css_class your_control_class">
<div id="d3" class="your_css_class your_control_class">
<div id="d4" class="your_css_class your_control_class">
<div id="d5" class="your_css_class your_control_class">

$(".your_control_class").click(function(){
   var div_id=$(this).attr("id"); // gives you the ID of the clicked div
   if(div_id==="d1") functionForDiv1();
   else if(div_id==="d2") functionForDiv2();
   ...
});

EDIT:

如果你的所有内容都在那个大 div 中,那么你可以这样做:

$("#displayPanel > div").click(function(){
...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 jQuery 单击处理程序添加到多个元素? 的相关文章

  • 访问文本区域值

    我有一份我的表格 我试图在某个事件上重置该字段的值 用户输入的值 但是 我似乎无法使用 val 和 html 访问它 对此有什么建议吗 不使用 html use val your textarea id val Some literal
  • 如何(在 javascript、Jquery 或 Ajax 等中)将本地文本文件或 xml 文件加载到变量中?

    首先 我知道
  • 有人可以离线编辑 javascript 文件来运行恶意代码吗?

    我担心与我网站的 javascript 文件相关的问题 我不确定这是否可行 当有人访问网站时会下载js文件 如果有人编辑下载的js脚本并插入自己的代码 然后刷新网站怎么办 在新的刷新中 网站将读取编辑后的 Js 文件并运行恶意代码 恶意代码
  • RichFaces 4 替换

    我目前正在使用 RichFaces 3 3 将旧版 JSF 1 2 应用程序迁移到 JSF 2 0 和 RichFaces 4 但是 包含与 RichFaces 捆绑在一起的 jQuery 库不再有效
  • 在 ASP.NET 回发时保持水平和垂直滚动位置

    编码采用 ASP NET C 我有一个 gridview 有 1000 条记录 我正在内联编辑其中一行 单击 更新 时 我希望我的网格位于回发发生之前的确切 x y 位置 如果您正在考虑使用 Page 指令 MaintainScrollPo
  • 如何使用 AOS 触发向上滚动动画

    我正在使用 AOS 库 css 和 js 它可以帮助我创建每次用户向下滚动页面时触发的动画 我有一个问题 页面的顶部元素仅运行一次 因为 AOS 仅在向下滚动时触发它 我希望我的所有动画在每次用户向下和向上滚动时运行 我怎样才能做到呢 这是
  • 用于动态实时事件的 Tipsy jquery 插件无法正常工作

    我在用着醉酒的 jquery 插件 http onehackoranother com projects jquery tipsy 为动态显示的元素创建工具提示 工具提示适用于非动态元素 因此我肯定包含了我需要的所有内容 我正在使用 jqu
  • 如何禁用 html 中特定元素的复制

    在这里 当选择 3 个元素时 我遇到了复制选项的问题 所有三个元素都被复制 但是 我有一个 Jquery 函数来禁用中间元素的复制 我如何在选择 3 个元素时禁用它 但是 如果我单独选择中间元素 它就不会复制 notcp bind cut
  • jQuery 库包含顺序导致错误

    我的 jQuery UI 对话框有问题 当我单击 X 按钮时它没有关闭 我发现如果我更改 javascript 的顺序 问题就会消失 包括 如果我按以下顺序包含文件 则会出现问题 如果我按以下顺序包含文件
  • JQuery - 选中时禁用重复的复选框

    我有一个复选框列表 分为几个部分 其中一些复选框可以出现在多个部分中 我想要做的是通过禁用用户选择复选框时相同的所有复选框来阻止用户在多个部分中选择相同的复选框 但是 他们选择的复选框不得被禁用 以便他们可以取消选中它 这还必须重新启用所有
  • 在一次重绘/回流中进行多个 DOM 更新?

    我有一个表 其中填充了已连接用户的列表 列表本身不会经常更改 但每行上的其中一个内容是每秒更新一次的计时器 hh mm ss 为了更新计时器 我正在做这样的事情 var curTime new Date getTime 1000 timer
  • 如何使用ajax post请求将模态值插入数据库?

    查看代码 div class price div
  • jQuery:通过子项进行动画、连续循环

    接近但还没有完全实现 我想让第一个子 div 显示几秒钟 向下滑动 通过定位 并淡出视图 然后下一个子 div 向上滑动并淡入视图 连续重复 在显示最后一个子项后循环返回 看起来我已经让循环正常工作了 尽管计数似乎将子 div 堆叠在一起
  • 捕获客户端验证失败

    我有一个基于 div 点击提交的表单 我还让它在单击时启动等待指示器 我试图找出是否有一种方法可以检测客户端验证是否失败 以便我可以删除等待指示器 在提交尝试后不再显示它 或者我可以手动调用客户端验证在我尝试提交之前 你可以试试 div c
  • 克隆表行

    我怎样才能使用javascript 我假设 来克隆一个表格行 就像下图所示的那样 您可以将现场活动连接到所有按钮 例如 如果您给他们一类克隆 则以下内容将起作用 input clone live click function put jqu
  • 将jQueryUI datepicker附加到div(显示位置错误)

    我在输入上使用 jQueryUI datepicker 默认情况下 jQueryUI 会附加 ui datepicker div to the body该文件的 有问题的输入位于屏幕上的 弹出 div 中 这意味着该 div 之外的任何点击
  • 发送带有图像的嵌套 JSON

    我一直在尝试研究一种能够通过 Ajax 将嵌套 JSON 请求发送回服务器的方法 根据我的理解 我们主要用于向服务器发送图像或文件的 formdata 在这种情况下不起作用 因为 FormData 似乎不处理嵌套对象 这就是我需要发送的有效
  • a:not(a:not([href])) 选择器

    我希望无论何时 某个操作都与锚标记的点击事件相关联href属性 不开始于mailto and 不以 and 存在任何值 包括空 所以我正在尝试这段代码 a href example com example com a a href Some
  • 通过 jQuery ajax 将 JSON 对象数组发送到 MVC3 操作方法

    模型绑定器不支持 JSON 对象数组吗 下面的代码在发送单个 JSON 域对象作为 ajax post 的一部分时起作用 但是 当发送 JSON 域对象数组时 action 参数为 null var domains DomainName t
  • 过滤数据表中的行

    我目前的 JQuery 插件 DataTables 工作正常 并且我在页面顶部插入了一个按钮来进一步过滤列表 我还使用了 DataTables 内置的搜索栏 我希望按钮向下过滤表格 并只显示包含特定值的行 下面是我一直在做的事情 但似乎没有

随机推荐