javascript - 解析数组中的内容

Question

我只需要从某个数组中获取文本。所以我需要解析它。我有以下代码:

for(var x=0;x<contentArray.length;x++){
markup += '<td>'+contentArray[x+1] +'</td>'; 
x++;
}

输出如下:

<td><c>&lt;ul&gt;&lt;li&gt;The content text&lt;/li&gt;&lt;/ul&gt;</c></td>

它在浏览器上看起来像这样:

<ul><li>The content text</li></ul>

现在我只想获取文本(在本例中为内容文本&)。我怎样才能做到这一点？

Answer 1

您可以使用此函数对 HTML 进行转义(从 Prototype 源代码中窃取):

function unescapeHTML(html) {
    return html
               .replace(/&lt;/g,'<')
               .replace(/&gt;/g,'>')
               .replace(/&amp;/g,'&');
}

然后您可以使用 jQuery 的解析功能从标签中获取文本:

for(var x=0;x<contentArray.length;x++){
    var $el = $(unescapeHTML(contentArray[x+1])).find('li'); //use the unescaped HTML to construct a jQuery object and find the li tag within it

    markup += '<td>' + $el.text() + '</td>'; // get the text from the jQuery object and insert it into the fragment
    x++;
}