recherche

Maison >interface Web >js tutoriel >Solution jQuery pour ajouter des événements de clic à plusieurs éléments

Solution jQuery pour ajouter des événements de clic à plusieurs éléments

黄舟
黄舟original
2017-06-27 10:05:111686parcourir

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

Comment ajouter un événement à toutes les balises d'un div ? Le paramètre est son propre titre

Cela devrait fonctionner

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

Dans des circonstances normales, il est préférable d'utiliser ici un identifiant pour le div et d'utiliser le formulaire |$("#id a") pour faciliter le positionnement. 

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

Vous pouvez le modifier vous-même 

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

Bien qu'il soit manuscrit, il a réussi le test sous 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");
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：jQuery : explication détaillée de la différence entre .click et onclickArticle suivant：jQuery : explication détaillée de la différence entre .click et onclick

Articles Liés

Voir plus