javascript - jQuery 可以处理不在 DOM 中的 html 字符串吗？

Question

我有一个用模板创建的 html 字符串。

这个字符串有一个带有一堆行的 html 表，我想使用 jquery 来操作这个字符串，例如根据逻辑或其他操作向某些行添加一些类，然后让 jquery 返回一个字符串。但是，jQuery 似乎只操作 DOM。但我还不想将此字符串发布到 DOM 中。

var origString = "<table><tr id='bla'>...more html inside here...</tr></table>";
//Something like
var newString = $(htmlString -> '#bla').addClass('blaClass');
// this syntax is obviously wrong, but what I mean is I'm trying 
// to look inside the string not the dom

或者最好先将这个字符串发布到一个不可见的 div 中，然后再用 jquery 对其进行操作？

Answer 1

将它解析为一个变量，操作，然后追加:

var origString = "<table><tr id='bla'>...";
origString = $.parseHTML(origString);
$(origString).find("tr").addClass("test");
$("body").append(origString);

概念演示:http://jsfiddle.net/6bkUv/