Heim > Web-Frontend > js-Tutorial > jQuery-Lösung zum Hinzufügen von Klickereignissen zu mehreren Elementen

jQuery-Lösung zum Hinzufügen von Klickereignissen zu mehreren Elementen

黄舟
Freigeben: 2017-06-27 10:05:11
Original
1696 Leute haben es durchsucht

<div><a id="x1" title="..."></a><a id="x2" title="..."></a>...</div>
Nach dem Login kopieren

Wie füge ich ein -Ereignis zu allen Tags in einem Div hinzu? Der -Parameter ist ein eigener Titel

Das sollte funktionieren

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

Unter normalen Umständen ist es am besten, hier eine ID für das Div zu verwenden und die Form |$("#id a") zu verwenden, um die Positionierung zu erleichtern.

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

Sie können es selbst ändern

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

Obwohl es handgeschrieben ist, hat es den Test unter IE8 bestanden.

<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> 不知道你是不是要这个效果?
Nach dem Login kopieren
$(function(){ $("div>a[title]").bind("click",function(){ //都添加了单击事件。 })});
Nach dem Login kopieren
$("a").click(function(){
    var _title = $(this).attr("title");
});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonjQuery-Lösung zum Hinzufügen von Klickereignissen zu mehreren Elementen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage