保留从 HTML 中提取的文本中的换行符

Question

我有一个正在网页上呈现的 html 表，我在 jquery 查找中使用该表将值插入文本区域。

呈现的表格具有 ，其中包含这样的数据

<td class="ms-vb"><p>Hello.&nbsp;</p><p>&nbsp;line2</p>

，并且

<div>1</div><div>2</div><div>3</div>

在页面上显示如下。

Hello

line 2

我

1
2
3

正在使用一些 jquery 来提取 hmtl 表的数据并将其插入到 textarea 文本框中。但是当我这样做时，我只看到一长串文本，没有 html 标签，当然也没有换行符。

有什么好的 jquery 或 javascript 方法可以将该数据插入到我的 textarea 字段中，并且至少在 textarea 中保留换行符？

所以基本上我需要一个函数来将这个字符串

以 jquery 或 javascript 的任何方式转换为 html 数据，以便至少在我的多行文本区域中保留换行符？

=== 这里有完整的代码..基本上在我的页面上查找一些表并使用它在两个文本框中插入值：

<script type="text/javascript"> 
$('select[title$=Issue Type] option:eq(0)').text("Please Select").val(""); 
$('select[title$=Issue Type]').change(function(){
var issue = $('select[title$=Issue Type] :selected').text();
var bodyprefixes = [];
$('#issuetbl td:contains('+issue+')').nextAll().each(function(i, k) {
bodyprefixes.push($(k).text());
});
$('input[title$=Subject]').val(bodyprefixes[1]);
$('input[title$=Message]').val(bodyprefixes[0]);
});
</script>

Answer 1

尝试使用正则表达式。如果您想支持其他标签，则必须将它们包含在正则表达式中。这里还支持
：

$('#txtarea').text(
    $('td.ms-vb').text()
        .replace(/<\/?(br|div|p)\/?>/g, "\n\n")
        .replace(/<[^>]+>/g, "")
);

注意：您可能需要从输出中删除四重“\n”。

Answer 2

像这样的东西：

var textAreaInput = '';

var getTextFromElement = function() {
  textAreaInput += $(this).text() + '\n';
};

$('p').each(getTextFromElement);
$('div').each(getTextFromElement);