数字を入力してタグを追加する場所

Question

3Dカートで作業していますが、PHPのみJavaScript HTMLとCSSにアクセスできません。カテゴリページで自分の商品の寸法を取得したいと思います。顧客が明確に見ることができるように、彼らは新しいラインに乗る必要があります。私が<br />をタイトルに追加すると、それは多くのことを混乱させます。

これが製品の名前だった場合は、最初の数字「16」を見つけてJavaScriptの前に<br />を追加します。

DELUXE TOTE JR. <br /> 
16" X 12" X 6" 

の結果を得るために

DELUXE TOTE JR. 16" X 12" X 6" 

は、この可能性や、失われた原因ですか？

Answer 1

あなたが望むものを達成するためにJavascriptのreplaceメソッドを使うことができますが、言及されている他のものと同じように、その文字列の異なる部分がspanやdivのような他の要素にラップされたり、文字列全体をクリアするセレクタを使い始めてください。出力された実際のHTMLを投稿することができれば、これをもっと近づけることができます。 HTMLは、複数のを聞かせていないので、私はラインの下の寸法を持つようにカテゴリページ上の製品を取得するためには

var title = document.getElementById('title') 
 
var titleText = title.innerHTML; 
 
var res = titleText.replace(/([0-9]{1,2}")/, "<br/>$&"); 
 
title.innerHTML = res;

<span id='title'>DELUXE TOTE JR. 16" X 12" X 6"</span>

Answer 2

は私ではなく、IDのクラスを使用する必要がありました同じids。

JavaScipt

var title = document.getElementsByClassName("title"); 

for (var i = 0; i < 100; i++) { 
    var titleText = title[i].innerHTML; 
    var res = titleText.replace(/\d+(\.\d{1,2})?/, "<br/>$&"); 
    title[i].innerHTML = res; 
} 

HTML

<span class="title">[name]</span> 

これは最初の数の魔女が最初の次元である前に、私は<br/>を追加してみましょう。