/ / jQueryは大括弧で囲まれたテキストを取得する - jquery

jQueryは大括弧で囲まれたテキストを取得する - jquery

このjQueryコードを使ってdiv内のテキストからvar値を取得します

$("div").each(function() {
var a = $(this).html();
var b = a.split("/");
$(this).html("<span>" + b[0] + "</span><span>" + b[1] + "</span><span>" + b[2] + "</span>");
var c = $(this).text();
var d = $(this).find("span").eq(0).text();
var e = $(this).find("span").eq(1).text();
var f = $(this).find("span").eq(2).text();
});

したがって、HTMLはこの形になります

<div>Text1/Text2/Text3</div>

私はjQueryコードを変更して、大括弧で囲まれたテキストを "/"

<div>[Text1][Text2][Text3]</div>

回答:

回答№1は1

最もエレガントな方法は、正規表現を使用してテキスト文字列を解析することです。

var text = a.match(/[(.*)]{1}[(.*)]{1}[(.*)]{1}/);

各テキスト文字列を挿入します text[1], text[2], text[3] どこに置いても構いません。

したがって、あなたの例では:

var b = a.match(/[(.*)]{1}[(.*)]{1}[(.*)]{1}/);
$(this).html("<span>" + b[1] + "</span><span>" + b[2] + "</span><span>" + b[3] + "</span>");

注意:正規表現の最初の要素は元の文字列になります。