$("#id").on("click","被选择的元素",function(e){});

本文转载自查看原文 2019-03-05 17:07 1787 js/ html

1 $("#id").on("click","button[data-task-id]",function(e){});

code1

意思是当页面控件id的元素button[data-task-id]被单击时，执行function(e).

此语句原是列表（kendoGrid格式）中一个“明细”按钮（红框标注）的触发函数，样式如下：

按钮定义如下：

1 return kendo.format("<button type='button' class='k-button k-button-icontext' style='min-width: 0px;' data-backdrop='static' data-task-id='{0}' value='{1}' data-backdrop='static' data-toggle='modal' data-target='#RecordModifyDetailModal' >明细</button>",dataItem.eventNumber,dataItem.eventNumber);

code2

能看到button有个属性“data-task-id”，那么code1就很好理解了，在code2定义中每个button都一个独一无二的“data-task-id”，用来被识别是哪一行的“明细”被触发，当按钮被触发，code1中的“button[data-task-id]”就知道是哪个控件的哪个元素被触发，此时便会执行函数。

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 $().click()和$(document).on('click','要选择的元素',function(){})的不同 $().click()和$(document).on('click','要选择的元素',function(){})的不同 $().click()和$(document).on('click','选择的元素',function(){})的不同 jQuery的区别：$().click()和$(document).on('click','要选择的元素',function(){})的不同【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别 $().click()和$().on('click',function(){})的区别 $("#XXX").click()和$("#YYY").on("click","指定的元素",function(){});的区别(jQuery动态绑定事件) jquery使用("#id").click(function(){})点击事件失效的解决办法在iframe中获取父窗口的元素格式：$('#父窗口中的元素ID', parent.document).click();