使用 jQuery 从字符串中删除 HTML 标签

Question

我有一个简单的字符串，例如

var s = "<p>Hello World!</p><p>By Mars</p>";

如何将s 转换为 jQuery 对象？我的目标是删除<p>s 和</p>s。我本可以使用正则表达式来做到这一点，但那是not recommended。

Answer 1

以最简单的形式（如果我理解正确的话）：

var s = "<p>Hello World!</p><p>By Mars</p>";
var o = $(s);
var text = o.text();

或者您可以使用带有搜索上下文的条件选择器：

// load string as object, wrapped in an outer container to use for search context
var o = $("<div><p>Hello World!</p><p>By Mars</p></div>");

// sets the context to only look within o; otherwise, this will return all P tags
var tags = $("P", o); 

tags.each(function(){
    var tag = $(this); // get a jQuery object for the tag
    // do something with the contents of the tag
});

如果您要解析大量 HTML（例如，解释屏幕抓取的结果），请使用服务器端 HTML 解析库，而不是 jQuery（此处有大量关于 HTML 解析的帖子）。

Answer 2

要获取那里的所有字符串，请使用

var s = "<p>Hello World!</p><p>By Mars</p>";
var result = "";
$.each($(s), function(i){
    result += " " + $(this).html();
});

Answer 3

如果你不想要正则表达式，你为什么不直接：

var s = "<p>Hello World!</p><p>By Mars</p>";
s = s.replace('<p>', '').replace('</p>', '');