从像 html 这样的字符串中提取文本值

Question

I have this string (not html but 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>

Need to extract text value of rTag so result should be a new string:

ATINA,BELMOPAN,DAMASK,FILIPINI,BANGKOK

Any help?

Answer 1

This will set the content of #output to the new str, but you can do whatever you want after its joined.

 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

Parsing an HTML string into a DOM element so that it can be processed by javascript/jquery is a fairly standard process:

$(content)

will suffice without needing to add it to the DOM (and all that entails behind the scenes).

In this case:

 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>