jqueryのJoin()とは何ですか?例えば:
var newText = $("p").text().split(" ").join("</span> <span>");
jqueryのJoin()とは何ですか?例えば:
var newText = $("p").text().split(" ").join("</span> <span>");
これはjQuery関数ではなく、通常のArray.join関数です。
配列を文字列に変換し、各要素の間に引数を置きます。
あなたはおそらくあなたの例をこのように使うでしょう
var newText = "<span>" + $("p").text().split(" ").join("</span> <span>") + "</span>";
これにより、段落内のすべての単語の周りにスパンタグが配置され、
<p>Test is a demo.</p>
の中へ
<p><span>Test</span> <span>is</span> <span>a</span> <span>demo.</span></p>
これが実際にどのように使用されるかはわかりません。
この構造の実際の使用は? 文字列に対する JavaScript replaceAll() です。
var s = 'stackoverflow_is_cool';
s = s.split('_').join(' ');
console.log(s);
出力します:
stackoverflow is cool
join は jQuery 関数ではありません。JavaScript 関数です。
join() メソッドは、配列の要素を文字列に結合し、文字列を返します。要素は、指定されたセパレーターで区切られます。デフォルトの区切り記号はコンマ (,) です。
join を使用して配列内の単語を区切ります"and, or , / , &"
例
HTML
<p>London Mexico Canada</p>
<div></div>
JS
newText = $("p").text().split(" ").join(" or ");
$('div').text(newText);
結果
London or Mexico or Canada
jQuery の例を使用した実用的な例は次のようになります。
var today = new Date();
$('#'+[today.getMonth()+1, today.getDate(), today.getFullYear()].join("_")).whatever();
私が使用しているカレンダー ツールでこれを行います。この方法で、ページの読み込み時に、今日の日付で特定のことを行うことができます。