Rumah > Artikel > hujung hadapan web > jQuery给多项添加click事件的解决办法

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

黄舟asal: 2017-06-27 10:05:111674semak imbas

<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");
});

Atas ialah kandungan terperinci jQuery给多项添加click事件的解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jQuery：.click与onclick的区别详解Artikel seterusnya：jQuery：.click()无效问题的分析介绍

Artikel berkaitan

Lihat lagi