jQuery給多項添加click事件的解決辦法
- 黄舟原創
- 2017-06-27 10:05:111711瀏覽
<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事件的解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn