從像 html 這樣的字符串中提取文本值

Question

我有這個string （不是html而是string ）：

<div class="rTag">ATINA</div><div class="rTag">BELMOPAN</div><div class="rTag">DAMASK</div><div class="rTag">FILIPINI</div><div class="rTag">BANGKOK</div>

需要提取rTag文本值，所以結果應該是一個新字符串：

ATINA,BELMOPAN,DAMASK,FILIPINI,BANGKOK

有什么幫助嗎？

Answer 1

這會將#output 的內容設置為新的str，但是您可以在加入后做任何您想做的事情。

 var str = []; var content = '<div class="rTag">ATINA</div><div class="rTag">BELMOPAN</div><div class="rTag">DAMASK</div><div class="rTag">FILIPINI</div><div class="rTag">BANGKOK</div>'; var $html = $($.parseHTML("<div>" + content + "</div>")); $html.find(".rTag").each(function(){ str.push($(this).html()); }); $("#output").html(str.join(","));

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <div id="output"></div>

Answer 2

將 HTML 字符串解析為 DOM 元素以便它可以被 javascript/jquery 處理是一個相當標准的過程：

$(content)

無需將其添加到 DOM（以及幕后需要的所有內容）就足夠了。

在這種情況下：

 var content = '<div class="rTag">ATINA</div><div class="rTag">BELMOPAN</div><div class="rTag">DAMASK</div><div class="rTag">FILIPINI</div><div class="rTag">BANGKOK</div>'; var arr = $(content).filter(".rTag").map(function() { return $(this).text(); }).get(); console.log(arr.join(","));

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>