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

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

黄舟Original: 2017-06-27 10:05:111670Durchsuche

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

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

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,

Sie können es selbst ändern

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

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> 不知道你是不是要这个效果？

$(function(){ $("div>a[title]").bind("click",function(){ //都添加了单击事件。 })});

$("a").click(function(){
    var _title = $(this).attr("title");
});

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!

Stellungnahme：

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

Vorheriger Artikel：jQuery: Detaillierte Erklärung des Unterschieds zwischen .click und onclickNächster Artikel：jQuery: Detaillierte Erklärung des Unterschieds zwischen .click und onclick

In Verbindung stehende Artikel

Mehr sehen