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

Question

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

</span>

所需的 OUTPUT 是：

Amitsa
Luna
(San Francisco) 

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>