Discussion :

[momjunior]

Bonjour

J'ai placé une image dans ma page html dont voici le code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img id="img1" src="../images/galerie/img/lion.jpg" alt="image non disponible">

Je voudrais récupérer la chaine de caractères lion.jpg en utilisant JQuery.

Je sais seulement que la méthode chartAt(position) permet d'obtenir le caractère qui se trouve à une position donnée dans une chaîne,mais dans mon cas c'est pas utile.

Merci

[NoSmoking]

Bonjour,
pour le principe

• récupération du contenu de l'attribut scr ;
• split de la valeur suivant / ;
• récupération du dernier élément .

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

console.log($("#img1").attr("src").split("/"));  // pour voir ce que cela donne

[SpaceFrog]

ou encore un match de reg

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 [^\]+$

[NoSmoking]

C'est vrai que l'on peut presque tout faire à coup d'expression régulière mais à condition, un de s'y connaître suffisamment pour ne pas trop batailler et deux de les écrire correctement [^\/]+$.

[SpaceFrog]

pas nécessaire... entre []

https://jsfiddle.net/txtc8pzL/2/

encore une subtilité des regs

[momjunior]

https://jsfiddle.net/txtc8pzL/2/

Peux-tu m'expliquer à quoi sert ce lien?

Sinon j'ai pu récupérer le dernier élément mais j'ai dû préciser sa position dans le tableau:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var element = $("#img1").attr("src").split("/");
 
console.log(element[4]);

Sauf que si mon tableau s'agrandit, element[4] ne sera plus le dernier élément de mon tableau.