如何根據文本分割<span></span>標簽 -Jquery

Question

我有一個字符串，它的值是

"Your <span data-schedule="departureAirportCode"></span> <span class="icon icon> </span> <span class="alt">to</span>" 

我需要根據開始和結束跨度標簽拆分這些，並且需要最終輸出應該是

var newArray=[<span data-schedule="departureAirportCode"></span>,<span class="icon icon> </span>,span class="alt">to</span>]

任何幫助都會非常有幫助，並提前致謝

Answer 1

首先，您必須更正字符串中的一些拼寫錯誤：

• 用'而不是"封裝字符串，或轉義" s，或使用模板文字
• 關閉"在你<span class="icon icon （旁注：為什么同一類兩次？）

獲得有效的 HTML 字符串后，將其放入容器中將允許您輕松操作和解析它。 獲取跨度並使用jQuery .toArray()將返回您期望的輸出。

 var str = 'Your <span data-schedule="departureAirportCode"></span> <span class="icon"> </span> <span class="alt">to</span>' var arr = $("<div />") //Create a container for the HTML string .html(str) //Populate it with the HTML .children("span") //Find the <span> elements .toArray(); //Return them as an array console.log(arr);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>