从javascript输出中删除HTML标记

Question

我环顾了stackoverflow，但是找不到解决我问题的答案。 希望我能解释一下，以便大家都知道我要做什么...（如果需要更多信息，请告诉我）。

我有一段PHP脚本，可以从会话数组中添加和删除内容。 现在，这是此脚本的代码：

<?php foreach ($_SESSION['products'] as $product): ?>
    <p style="font-size:1.2rem"><?php echo htmlspecialchars($product); ?></p>
<?php endforeach;?>

我使用Javascript将其回显到返回值的textarea 。

Java脚本

$('.my-subject').click(function(){
    var title = $(this).attr('value');
      $("textarea#thema").html(data); 
})

现在，它返回带有HTML标签<p> ... </p> 。 如何获取没有HTML标记且结尾处有换行符的返回值？ 我尝试使用：

$("textarea#thema").text() + '\n';

但这没有用，这仍然显示<p> -tags并且没有换行符。

我还看到了一些这样的代码：

function removeTags(){
    var txt = document.getElementById('myString').value;
    var rex = /(<([^>]+)>)/ig;
    alert(txt.replace(rex , ""));
}

但是我不知道我是否可以在我的代码中使用它以及如何做到这一点...任何帮助将不胜感激。 谢谢。

Answer 1

听起来data好像是一个包含标记的字符串，其形式为<p style="font-size:1.2rem">STUFF HERE</p> ，重复进行，而您只想获得STUFF HERE部分。

可靠的方法是解析HTML并从中提取文本：

 // The data var data = '<p style="font-size:1.2rem">First</p>' + '<p style="font-size:1.2rem">Second</p>' + '<p style="font-size:1.2rem">Third</p>'; // Parse it var elements = $.parseHTML(data); // Convert that to an array of the text of the entries var entries = elements.map(function(element) { return $(element).text(); }); // Get a string of the array entries joined with "\\n" var value = entries.join("\\n"); // Done! $("#output").val(value); 

 <textarea id="output" rows="4"></textarea> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

可以更简洁地写出来，但是为了清楚起见，我将各部分分开。