web-dev-qa-db-fra.com

Qu'est-ce que Join () dans jQuery?

Qu'est-ce que Join () dans jQuery? par exemple:

var newText = $("p").text().split(" ").join("</span> <span>");
jqueryjquery-selectors
60
mSafdel

Ce n'est pas une fonction jQuery - c'est la fonction régulière Array.join .

Il convertit un tableau en chaîne en plaçant l'argument entre chaque élément.

107
Greg

Vous utiliseriez probablement votre exemple comme ceci

var newText = "<span>" + $("p").text().split(" ").join("</span> <span>") + "</span>";

Cela mettra des balises span autour de tous les mots de vos paragraphes, en tournant

<p>Test is a demo.</p>

dans

<p><span>Test</span> <span>is</span> <span>a</span> <span>demo.</span></p>

Je ne sais pas ce que l'utilisation pratique de cela pourrait être.

18
Jan Aagaard

L'utilisation pratique de cette construction? C'est un remplacement javascript () sur les chaînes.

var s = 'stackoverflow_is_cool';  
s = s.split('_').join(' ');  
console.log(s);

affichera:

stackoverflow is cool
9
Del Pedro

rejoindre n'est pas une fonction jQuery. Elle est une fonction javascript.

La méthode join () joint les éléments d'un tableau en une chaîne et renvoie la chaîne. Les éléments seront séparés par un séparateur spécifié. Le séparateur par défaut est une virgule (,).

http://www.w3schools.com/jsref/jsref_join.asp

5
Chandan Gorapalli

J'utilise join pour séparer le mot d'un tableau avec "and, or , / , &"

EXEMPLE

HTML 

<p>London Mexico Canada</p>
<div></div>

JS 

 newText = $("p").text().split(" ").join(" or ");
 $('div').text(newText);

Résultats

London or Mexico or Canada
2
Sodhi saab

Un exemple pratique utilisant un exemple jQuery pourrait être

 var today = new Date();
 $('#'+[today.getMonth()+1, today.getDate(), today.getFullYear()].join("_")).whatever();

Je le fais dans un outil de calendrier que j'utilise, de cette façon lors du chargement de page, je peux faire certaines choses avec la date d'aujourd'hui.

1
taelor