首页 / JQUERY / jQuery给多项添加click事件的解决办法

jQuery给多项添加click事件的解决办法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery给多项添加click事件的解决办法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1291字，纯文字阅读大概需要2分钟。

内容图文

<div><a id="x1" title="..."></a><a id="x2" title="..."></a>...</div>

如何给div内所有的a标签 添加事件参数为自身的title

这样应该可以

$(function(){
    $("div a").click(function(){
        var oParam=$(this).attr("title");
        alert(oParam);//得到点击的a标签的title值
    });
});

一般情况下这里div最好取一个id,通过|$("#id a")这种形式来找方便定位。

$(document).ready(function(){$("div a").click(function(){ //点击事件就click 鼠标放上就mouseover,

可以自己改 

$("#input").val($(this).attr("title")); 
//#input就是要你放进去的那个文本框的ID,里面是被点击a的title值});
});

虽然是手写的，但在IE8下测试通过。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
//思路是，找到a标签集合遍历
$("div a").each(function(){
//注册事件，事件名称取自title属性值
$(this).bind($(this).attr("title"),function(){alert(this)})
})
}) </script>
</head>
<body>
<div>
<!- 鼠标划入事件 ->
<a href="#" title="mouseover">把鼠标移入我这里</a>
<p/><p/>
<!- 鼠标单击事件 ->
<a href="#" title="click">单击我这里</a>
</div>
</body>
</html> 不知道你是不是要这个效果？
$(function(){ $("div>a[title]").bind("click",function(){ //都添加了单击事件。 })});
$("a").click(function(){
    var _title = $(this).attr("title");
});

以上就是jQuery给多项添加click事件的解决办法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jQuery给多项添加click事件的解决办法全部内容，希望文章能够帮你解决jQuery给多项添加click事件的解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/300399.html

来源：【匿名】