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.

[NoSmoking]

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

Il te faut tirer avantage de la méthode pop() des Array qui supprime en retournant la valeur du dernier élément d'un tableau, donc

Code :

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

var nomImage = $("#img1").attr("src").split("/").pop();

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

Cela sert à tester les codes « online ».

pas nécessaire... entre []

Comme quoi je ne maitrise strictement pas, mais alors pas du tout, les expressions régulières et j'ai tendance à échapper systématiquement, mais en fait je parlais du / manquant !

[SpaceFrog]

@momjunior => le lien est une mise en oeuvre du code ... regarde dans la console ou remplace le console.log par alert ...

[momjunior]

Je ne connaissais pas la méthode pop(), en tout cas ça marche. Auriez-vous des tutos qui parlent de ce genre de méthodes? J'aimerais approfondir mes recherches.

Pour tester mes codes, j'utilise la console de firefox (F12); est-ce différent du lien que vous m'avez envoyé?

Merci

[NoSmoking]

Pour la documentation il y a celle sur MDN : Array.prototype.pop() et le reste.

jsfiddle.net ou autre codepen.io (il y en à encore d'autres) te permettent de tester un peu plus que du javascript, ce sont des « bacs à sable », ils sont également plus conviviaux que la console ou que l'ardoise FireFox qui reste sympa pour des petits bouts de code.

[momjunior]

Ok merci pour tout.