jquery-从原始html按id访问子级

以你的例子来说,你可以做到。

var htmlStr = "<div><span id='ht'>test 1</span><span id='vt'>test 2</span></div>";
var htContent = $('#ht', htmlStr).text();

基本上,您得到一个id为的元素 ht ,在 <div> 存储在 htmlStr 变量。

然后,检索它的文本内容 .text() . 或者,也可以使用 .html() .

编辑:

如果要对该html字符串做很多工作,可以将其存储在jquery对象中,并根据需要执行任何操作,即使它尚未插入到dom中。

var $htmlStr = $("<div><span id='ht'>test 1</span><span id='vt'>test 2</span></div>");

现在 $htmlStr 是一个jquery对象,您可以使用多种jquery方法来操作它。

试试这个:

$("#ht",htmlStr).html()

var htmlStr = "<div><span id='ht'>test 1</span><span id='vt'>test 2</span></div>";
$(htmlStr).find('#ht').text();

应该这么做。