jQuery に次のような文字列があるとします。
result.text = "I tweeted something #one #two #three";
ハッシュタグで始まるすべての単語を "tweet-hash" というスパン クラスでラップする方法はありますか?
jQuery に次のような文字列があるとします。
result.text = "I tweeted something #one #two #three";
ハッシュタグで始まるすべての単語を "tweet-hash" というスパン クラスでラップする方法はありますか?
おそらく、正規表現を使用して記号と単語の組み合わせを見つけ、それを置き換えて、スタイル タグと CSS クラスでラップすることをお勧めします。残念ながら、CSS にはそのような値のセレクターがありません。
$("#phrase").html($("#phrase").html().replace(/#([^ ]+)/, "<span class='hashtag'>$1</span>")
上記の例では、最初に見つかったハッシュタグのみが置き換えられることに注意してください。g
正規表現にグローバルを追加すると、式に一致するすべてのインスタンスがターゲットになります。
$("#phrase").html($("#phrase").html().replace(/#([^ ]+)/g, "<span class='hashtag'>$1</span>");
jsFiddle で例を挙げたので、違いがわかります: http://jsfiddle.net/c26r9/