Agir sur un élément modifié

Bonjour !

Voici le problème :
J'ai une fonction qui change le src d'une image (aucun soucis)
Je ne peux pas agir sur l'image dont le src a été changé dynamiquement, sauf si je place mon code apres la fonction qui effectue cette action

Code:

---

1 2 3 4

$('div').on('click', $('[src="image1.png"]'), function() { alert('click'); });

---

En fait, ce code agit a la fois sur les images dont le src a été modifié (par exemple : src="image2.png") , et à la fois sur les images dont le src était src="image1.png"
Comment faire pour que ce code agisse seulement sur les images src="image1.png"
Et non sur celles qui ont été modifié par une valeur différente de src="image1.png"
Cordialement

Edit : (résolu)

Citation:

---

Envoyé par SpaceFrog

ça ira mieux avec la syntaxe correcte :
'img' pas $('img')

Code:

---

1 2 3

$('div').on('click', 'img', function() { alert('click'); });

---

---

Code:

---

1 2 3

$('div').on('click', $('img'), function() { alert('click'); });

---

Cela amène au même problème
Et alert click est lancée à tout endroit de la div cliquée

:koi: avec on par délégation ?

le second paramètre indique sur quel élément déléguer le click donc il ne doit pas se déclencher partout, uniquement sur l'enfant désigné

ça ira mieux avec la syntaxe correcte :
'img' pas $('img')

Code:

---

1 2 3

$('div').on('click', 'img', function() { alert('click'); });

---

Ca fonctionne très bien.

Par contre si je met (par exemple)

Code:

---

1 2 3 4

$('div[class="div1"]').on('click', '[src="image1.png"]', function() { alert('click'); });

---

Ca ne marche plus. Avez-vous une explication?
Et pourquoi on ne pouvait pas mettre $('[src="image1.png"]')?

Quoi qu'il en soit, merci pour votre code !

encore un petit souci de syntaxe :

Code:

---

1 2 3

$('.div1').on('click', "[src='image1.png']", function() { alert('click'); });

---

ou

Code:

---

$('div.div1')

---

pour ne cibler que les div de class div de class div1 si toutesfois il y avait d'autre balises portant cette class.

Apparemment cela ne marche pas.
Le code fonctionne si il y a juste $('div').on('click',
Mais dés qu'on rajoute la classe sur le premier element $('div.div1') cela ne marche plus.

Après cela ne me dérange pas car votre code sans ajout de la classe fonctionne :

Code:

---

1 2 3

$('div').on('click', "[src='image1.png']", function() { alert('click');

---

aucun souci avec la class :
https://jsfiddle.net/d801ex2s/11/

tu dois avoir un souci avec ton html ...