使用javascript / jquery刪除'/'字符的最后一次迭代之前的所有文本

Question

假設我在DOM中有類似的內容：

<label>Canvas Mens Shirt / Black / Medium</label>
<label>Canvas Lady's Shirt / Black / Large</label>

我想刪除每個字符串中最后一個/之前的所有內容。 因此最終輸出為： <label>Medium</label> <label>Large</label>

Answer 1

你可以這樣：

 var str = $('label').html(); // Canvas Mens Shirt / Black / Medium var str_array = str.split('/'); // ['Canvas Mens Shirt', 'Black ', 'Medium'] var str_final = '<label>' + str_array[str_array.length - 1].trim() + '</label>'; // Medium console.log(str_final); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label>Canvas Mens Shirt / Black / Medium</label> 

Answer 2

您可以使用帶有正則表達式的replace 。 如果還要處理一個以上這樣的標簽，請使用each標簽對所有標簽重復操作：

 $('label').each(function () { // When you have more than one label... $(this).text($(this).text().replace(/.*\\/\\s*/, "")); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label>Canvas Men's Shirt / Black / Medium</label><br> <label>Canvas Lady's Skirt / Blue / Small</label>