javascript - 无法修改/定位 jQuery 对象中的外部包装器

Question

我不确定如何直接定位 jQuery 对象的最外层元素。

li = '<li id="test"><span id="testspan">0</span></li>';
var e = $(li);

$('#test', e).html("1");       //example 1
$('#testspan', e).text("2");   //example 2

“示例 1” 不起作用，但“示例 2” 可以。如何以这种方式定位 #test？

这里是 jsFiddle .

Answer 1

您的 e 已经是 #test 元素。不需要其他选择器。当您执行 $('#test', e) 时，jQuery 会在 e 的内部查找 #test。但是 #test 是外父级，所以在里面找不到任何东西。

li = '<li id="test"><span id="testspan">0</span></li>';
var e = $(li);
e.html("1");

想想你将如何使用 jQuery 本身:

var e = $("#test");
e.html("1");

Working example.