Javascript functie in for loop
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<script>
function init() {
var divs = document.getElementsByTagName("div");
for(i = 0; i < divs.length; i++) {
divs[i].onclick = function () { alert('Geklikt'); };
}
}
window.onload = init;
</script>
<div>Klikbare div 1</div>
<div>Klikbare div 2</div>
<div>Klikbare div 3</div>
function init() {
var divs = document.getElementsByTagName("div");
for(i = 0; i < divs.length; i++) {
divs[i].onclick = function () { alert('Geklikt'); };
}
}
window.onload = init;
</script>
<div>Klikbare div 1</div>
<div>Klikbare div 2</div>
<div>Klikbare div 3</div>
Het probleem is dat het onClick event dat ik aan alle divs meegeef alleen nog geldt voor de laatste div, en dat er dus blijkbaar iets wordt "vergeten" na elke lus in de for-loop.
Hoe kan ik zorgen dat ik toch op deze manier aan alle elementen in een array een onClick event en functie kan geven?
Gewijzigd op 08/05/2013 18:52:29 door Mark Hogeveen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script>
$(function(){
$("div").click(function() {
alert('Geklikt');
});
});
</script>
<div>Klikbare div 1</div>
<div>Klikbare div 2</div>
<div>Klikbare div 3</div>
$(function(){
$("div").click(function() {
alert('Geklikt');
});
});
</script>
<div>Klikbare div 1</div>
<div>Klikbare div 2</div>
<div>Klikbare div 3</div>
Het kan natuurlijk aan mij liggen, maar het werkt hier gewoon zoals verwacht. http://jsfiddle.net/ehKbs/
Een stukje korter, en werkt net zo goed ;-)