私はこの文字列から値を取得する方法を見つけようとしました:
Edges</label><div><div class="edges_and_corners_container"><div class="color-cont"><img class="color-img" src="img/tiles/light.png" style="background-color: rgb(226, 84, 153);"></div><div class="report_color_container"><i>Carnival Pink: </i>7</div></div><div class="edges_and_corners_container"><div class="color-cont"><img class="color-img" src="img/tiles/light.png" style="background-color: rgb(103, 66, 48);"></div><div class="report_color_container"><i>Chocolate Brown: </i>5</div></div></div></div><div><hr><label>
この文字列から「Carnival Pink」と「Chocolate Brown」の色を取得して配列に追加する方法を見つける必要があります。文字列は変数に格納されます。
上記の文字列をvarに入れます:
var edgesSubString = slb_report_raw.substring(
slb_report_raw.lastIndexOf("Edges"),
slb_report_raw.lastIndexOf("Corners")
);
console.log("SUB: "+edgesSubString);
どんな助けもいただければ幸いです、私は私のスキルを使い果たしました。
HTMLを修正してjQueryオブジェクトに解析できるようにすると、次の例では欠落している先行<label>
タグを追加してfind()
、i
要素をターゲットに設定してmap()
から、テキストの配列を作成できます。 。これを試して:
let str = '<label>Edges</label><div><div class="edges_and_corners_container"><div class="color-cont"><img class="color-img" src="img/tiles/light.png" style="background-color: rgb(226, 84, 153);"></div><div class="report_color_container"><i>Carnival Pink: </i>7</div></div><div class="edges_and_corners_container"><div class="color-cont"><img class="color-img" src="img/tiles/light.png" style="background-color: rgb(103, 66, 48);"></div><div class="report_color_container"><i>Chocolate Brown: </i>5</div></div></div></div><div><hr><label>';
var colours = $(str).find('i').map((i, el) => el.textContent.trim()).get();
console.log(colours);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加