javascript - 如何使用javascript在某个字符后换行标题

Question

<span class="wvpl-product_title " title="" data-id="7164" data-index="0" data-event="">                     
            Amitsa - Luna (San Francisco)           

</span>

期望的输出是：

Amitsa
Luna
(San Francisco) 

标签： javascript

Answer 1

匹配单词字符序列或括号括起来的字符序列，用换行符连接。

document.querySelectorAll('.wvpl-product_title').forEach(x=>x.innerHTML=x.innerText.match(/\w+|\([^)]+\)/g).join('<br>'))

<span class="wvpl-product_title " title="" data-id="7164" data-index="0" data-event="">                     
            Amitsa - Luna (San Francisco)           
</span>

<span class="wvpl-product_title " title="" data-id="7164" data-index="0" data-event="">                     
            Amitsa1 - Luna (San Francisco)           
</span>


<span class="wvpl-product_title " title="" data-id="7164" data-index="0" data-event="">                     
            Amitsa2 - Luna (San Francisco)           
</span>


<span class="wvpl-product_title " title="" data-id="7164" data-index="0" data-event="">                     
            Amitsa3 - Luna (San Francisco)           
</span>

<span class="wvpl-product_title " title="" data-id="7164" data-index="0" data-event="">                     
            Amitsa4 - Luna (San Francisco)           
</span>