jQuery给多项添加click事件的解决办法-js教程-PHP中文网

首页

web前端

js教程

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

黄舟

Jun 27, 2017 am 10:05 AM

click jquery 事件添加

<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

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7870

Java教程

1649

CakePHP 教程

1407

Laravel 教程

1301

PHP教程

1244

显示更多

Related knowledge

米家怎么添加电视 Mar 25, 2024 pm 05:00 PM

很多用户们在现代生活中越来越青睐小米智能家居互联的电子生态，那么连接米家APP后，你就可以轻松用手机来控制连接设备，但是很多用户们还不知如何将自己的家居添加米家app中，那么这篇教程攻略就将为大家带来具体连接方法步骤攻略，希望能帮助到各位有需要的小伙伴们。1、下载米家APP后，创建或者登录小米账户。2、添加方法：当全新的设备通电后，将手机靠近设备并打开小米电视，正常情况下会弹出连接提示，选择“确定”即进入设备连接流程。若无提示弹出，也可以手动添加设备，方法是：进入智能家庭APP后，点击左下方第1

Tampermonkey怎么添加新脚本-Tampermonkey怎么删除脚本 Mar 18, 2024 pm 12:10 PM

Tampermonkey油猴Chrome扩展是一款用户脚本管理插件，通过脚本提高了用户的效率和浏览体验，那么Tampermonkey怎么添加新脚本？怎么删除脚本呢？下面就让小编给大家解答下吧!Tampermonkey怎么添加新脚本：1、这里拿GreasyFork来举例子，打开GreasyFork网页，输入要按照的脚本，小编这里选择的一键离线下载2、选择一个脚本，进入脚本页面后可以看到安装此脚本的按钮3、点击安装此脚本，来到安装界面。这里点击安装就可以了4、我们可以在以安装的脚本中看到安装好的一键

jQuery中如何使用PUT请求方式？ Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT请求方式？在jQuery中，发送PUT请求的方法与发送其他类型的请求类似，但需要注意一些细节和参数设置。PUT请求通常用于更新资源，例如更新数据库中的数据或更新服务器上的文件。以下是在jQuery中使用PUT请求方式的具体代码示例。首先，确保引入了jQuery库文件，然后可以通过以下方式发送PUT请求：$.ajax({u

Outlook卡在添加帐户[修复] Mar 23, 2024 pm 12:21 PM

当您在Outlook中添加帐户时遇到问题时，可以尝试以下解决方案来解决。通常这可能是由网络连接故障、用户配置文件损坏或其他暂时性问题引起的。通过本文提供的方法，您可以轻松地解决这些问题，确保您的Outlook能够正常运行。Outlook卡在添加帐户如果您的Outlook在添加帐户时卡住，请使用下面提到的这些修复程序：断开并重新连接互联网临时禁用防病毒软件创建新的Outlook配置文件尝试在安全模式下添加帐户禁用IPv6运行Microsoft支持和恢复助手修复办公室应用程序Outlook添加帐户需

jQuery小技巧：快速修改页面所有a标签的文本 Feb 28, 2024 pm 09:06 PM

标题：jQuery小技巧：快速修改页面所有a标签的文本在网页开发中，我们经常需要对页面中的元素进行修改和操作。在使用jQuery时，有时候需要一次性修改页面中所有a标签的文本内容，这样可以节省时间和精力。下面将介绍如何使用jQuery快速修改页面所有a标签的文本，同时给出具体的代码示例。首先，我们需要引入jQuery库文件，确保在页面中引入了以下代码：&lt

jQuery如何移除元素的height属性？ Feb 28, 2024 am 08:39 AM

jQuery如何移除元素的height属性？在前端开发中，经常会遇到需要操作元素的高度属性的需求。有时候，我们可能需要动态改变元素的高度，而有时候又需要移除元素的高度属性。本文将介绍如何使用jQuery来移除元素的高度属性，并提供具体的代码示例。在使用jQuery操作高度属性之前，我们首先需要了解CSS中的height属性。height属性用于设置元素的高度

使用jQuery修改所有a标签的文本内容 Feb 28, 2024 pm 05:42 PM

标题：使用jQuery修改所有a标签的文本内容jQuery是一款流行的JavaScript库，被广泛用于处理DOM操作。在网页开发中，经常会遇到需要修改页面上链接标签（a标签）的文本内容的需求。本文将介绍如何使用jQuery来实现这个目标，并提供具体的代码示例。首先，我们需要在页面中引入jQuery库。在HTML文件中添加以下代码：

了解jQuery中eq的作用及应用场景 Feb 28, 2024 pm 01:15 PM

jQuery是一种流行的JavaScript库，被广泛用于处理网页中的DOM操作和事件处理。在jQuery中，eq()方法是用来选择指定索引位置的元素的方法，具体使用方法和应用场景如下。在jQuery中，eq()方法选择指定索引位置的元素。索引位置从0开始计数，即第一个元素的索引是0，第二个元素的索引是1，依此类推。eq()方法的语法如下：$("s

See all articles

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

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题