次の形式の文字列がいくつかあります
<span class="label">20€</span>
そして、それをすべて次のようなものに変換したい:
<span class="label">20<small>€</small></span>
Jqueryでこれをどのように達成できますか?
次の形式の文字列がいくつかあります
<span class="label">20€</span>
そして、それをすべて次のようなものに変換したい:
<span class="label">20<small>€</small></span>
Jqueryでこれをどのように達成できますか?
これは機能しますが、€文字を持たない他の文字列に影響を及ぼします。同じクラスの他のスパンを意味します。最初の文字またはそれらの文字列を変更します。図私はこの構文の他の文字列を持っています:
<span class="label">request price</span>
HTML:
<span class="label currency">20€</span>
注1:変更が必要なスパンを識別するためにクラス通貨を追加しました。
注2:すべてのスタイル要素が再利用されるため、小さいのではなくスパンを使用してください。(@Davidに感謝します)。詳細情報@MDNhttps ://developer.mozilla.org/en-US/docs/HTML/Element/small
以下のような置換機能を使用できます。
$(function () {
$('span.label.currency').html(function(i, v) {
return v.replace('€', '<small>€</small>');
});
});