morgi morgi - 1 month ago 5x
Javascript Question

Replace displayed array commas with line breaks

I have this piece of code that fetches some links in

elements and then put their content into an array. Which works fine.


<ul id="links">
<li><a href="#" title="Open this form">Test 1</a></li>
<li><a href="#" title="Open this form">Test 2</a></li>
<li><a href="#" title="Open this form">Test 3</a></li>

<div id="temporary-pool"></div>


var links = [];

$("#links li").each(function() {
var rawLinks = $(this).html()
var textLinks = rawLinks.replace(/<a\b[^>]*>/i,"").replace(/<\/a>/i, "");



'<textarea id="clean-links">'

However, I would like to display the content in a
. When I simply print it, it obviously outputs as:

Test 1,Test 2,Test 3

What I would like, is for it to output the result as:

Test 1
Test 2
Test 3

I tried playing around with regex (I believe I need to replace "," with " ") but not successfully.


This should do it:

    '<textarea  id="clean-links">'

You can find more info about join(...) HERE

And to simplify the other part of your code, you can do something like this:

$("#links li").each(function() {

Info about jQuery.text() HERE