JQuery to javascript
Résolu
EtienneBraio
Messages postés
2
Statut
Membre
-
EtienneBraio Messages postés 2 Statut Membre -
EtienneBraio Messages postés 2 Statut Membre -
Bonjour,
je souhaite faire quelque chose comme ça sans utilisé jquery
html
Savez-vous comment je pourrais faire ?
Merci beaucoup par avance :)
je souhaite faire quelque chose comme ça sans utilisé jquery
html
<ul id="lien">
<li><a href="#" data-lien="1" class="actif">1</a></li>
<li><a href="#" data-lien="2">2</a></li>
<li><a href="#" data-lien="3>3</a></li>
<li><a href="#" data-lien="4">4</a></li>
</ul>
</code
js
<code>
$("#lien a").each(function() {
$(this).click(function() {
var lien= $(this).attr("data-lien");
console.log(lien); // affiche le numéro du href cliqué
}
}
Savez-vous comment je pourrais faire ?
Merci beaucoup par avance :)
2 réponses
-
Salut,
var links = document.getElementById('lien').getElementsByTagName('a'); for (var i = 0; i < links.length; i++) { links[i].addEventListener('click', function() { console.log(this.getAttribute('href')); }, false); }
Bonne journée -
Do'
http://fr.wikipedia.org/wiki/JQuery
jquery c'est du javascript, ou plutôt une bibliothèque. Donc soit vous regardez dans cette bibliothèque pour y prendre le code que vous utilisez soit vous le rédigez vous même.
Quel est le problème?
edit: ligne 3 il manques des guillemets fermants.
J'ai utilisé un cod où il y avait quelque chose comme vous demandez, vous pouve zvous en inspirer(sans tenir compte de la partie galerie si ce n'st pas ça que vous faites bien sûr):
http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html
