javascript - 格式化text()的字符串结果

Question

美好的一天，有人知道如何在 text() 给出的结果中格式化或添加一些额外的字符串(如逗号)吗？我在网络抓取中使用它。

这是抓取工具的片段:

var makeupCatBrand = $('span.caption').children('h6').text().trim()

这是我使用 console.log(makeupCatBrand) 时的结果:

Jeffree StarCharlotte TilburyRCMA MakeupNatasha DenonaAnna SuiJeffree StarSugarpillAnna SuiArmour BeautyOCCSugarpillCover FXIT Cosmetics rms beautyMake-Up AtelierCover FXCover FXIT Cosmetics beautyblenderBY TERRYKevyn AucoinbeautyblenderIT Cosmetics Charlotte TilburyBY TERRYCover FXViseartCover FXWayne GossRCMA MakeupAnna SuiAnna SuiCover FXOCCAnna SuiCharlotte Tilbury

我尝试将其推送到一个数组，但所有这些仅显示为数组中的一个索引。

我想为每个品牌至少添加一个逗号(Jeffree Star、Charlotte Tilbury 等)，以便我可以在推送到数组之前轻松地将其拆分。任何答案或想法都非常感谢

哦，都是同一个类，没有ID，所以要一一刮起来会很困难

这是两个品牌的 html 代码(它们都具有相同的格式，所以我只包含一个，如果该品牌的产品有两种或更多可用色调，则唯一的变化) :

<li class="shop_t_browse">
    <a class="tile" href="/p/jeffree-star-velour-liquid-lipstick" >
        <span class="img txt_c">
            <img class="inlineblock"     src="//dy6g3i6a1660s.cloudfront.net/eNiRpXtM7WlLKE7qyhAw4AR-BH4/320_p-cd/jeffree-star-velour-liquid-lipstick.jpg" alt="Jeffree Star Velour Liquid Lipstick" />
        </span>
        <span class="caption">

            <h6>Jeffree Star</h6>
            <h5>Velour Liquid Lipstick</h5>
            <p><strong>$18 USD</strong></p>
            <small class="shop_msg_color">
                24 shades available
            </small>
            <small class="rating_reviews txt_pale hidden_mobile">
                <div class="ratingInfo">
                    <span class="rating_image_small" style="background-position: 0 -250.0000000000px;"></span>
                    <span class="txt_pale glyph_stat"> / 674</span>
                </div>
            </small>
        </span>
    </a>
</li>

Answer 1

据我所知，由于您似乎有多个 child ，因此您可以分别查看每个 child 。

这就是它的工作原理。

var makeupCatBrand;
$('span.caption').children('h6').each(function(){
    makeupCatBrand += $(this).text().trim();
    makeupCatBrand += ", ";
})