Onclick avec une fonction utilisant $(this)

N'ayant pas trouvé de réponse à mes question je les postes ici.

Avec l'attribut onClick sur un lien, peut-on utiliser la donnée $(this) dans la fonction appelée ?

J'illustre :

Code:

---

1 2 3 4 5 6

<div class='div'> <div class='submit'> <a href='#' class="cancel" onClick='cancel(); return false;'>Cancel</a> </div> </div>

---

Code:

---

1 2 3 4 5 6

function cancelChapter() { alert( $(this).parents() ); $(this).parents().html(""); }

---

Mon code javascript est un peu bidon, c'est normal je voulais faire des test, ce que j'aimerai, c'est pouvoir me positionner sur le parent du parent du lien sur lequel pointe le onClick, donc, sur le div de classe div.

Merci :)

Code:

---

$(this).parent('.div')

---

Salut,

oui tu peux, mais si tu utilise JQuery autant tout faire de manière non obstrusive.

Code:

---

1 2 3 4 5 6

<div class='div'> <div class='submit'> <a href='#' class="cancel">Cancel</a> </div> </div>

---

et en JS

Code:

---

1 2 3 4 5

$('a.cancel').click(function(event) { event.preventDefault(); $(this)..... });

---

Autant utiliser le href avec un url à appeler en cas de javascript désactivé
au lien de '#'

Citation:

---

Envoyé par marcha

Salut,

oui tu peux, mais si tu utilise JQuery autant tout faire de manière non obstrusive.

---

J'ai mis le onClick pour l'exemple :)

Donc avec comme html :

Code:

---

1 2 3 4 5 6

<div class='div'> <div class='submit'> <a href='#' class="cancel">Cancel</a> </div> </div>

---

et comme JS :

Code:

---

1 2 3 4

$('a.cancel').click(function() { $(this).parent('.div').animate( { height:"0px"}, 200 ); });

---

Mon div devrai être caché (enfin ça reste un exemple l'animate) donc ?

Mais ce n'est pas le cas :/

utilise parents et non parent

d'autre part le 'px' est de trop (EDIT: mais il gène pas), et si tu veux voir quelque chose,
met une couleur de fond à ton div, parce que si le div.div à un height: 0px
tu verra quand même son contenu (sauf si tu met un overflow: hidden)

Code:

---

1 2 3 4

$('a.cancel').click(function(event) { $(this).parents('.div').animate( { height: 0 }, 200 ); });

---

Ah oui ça marchais, ça venait d'autre part, merci à vous deux.