Javascript .find()在从HTML代码段创建节点列表后未按预期工作
我使用jQuery编写了以下Javascript代码:Javascript .find()在从HTML代码段创建节点列表后未按预期工作,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我使用jQuery编写了以下Javascript代码: var html = '<a href="http://foo.example.com">Foo/a> | ' + '<a href="http://bar.example.com">Bar</a>'; var aTags = $(html).find('a'); console.log(aTags.length); // => 0 var html=''; var
var html = '<a href="http://foo.example.com">Foo/a> | ' +
'<a href="http://bar.example.com">Bar</a>';
var aTags = $(html).find('a');
console.log(aTags.length); // => 0
var html='';
var aTags=$(html).find('a');
console.log(aTags.length);//=>0
为什么
aTags
是空数组而不是2个
节点的数组?您需要使用filter()
,因为find()
尝试查找jQuery对象引用的元素的子元素,在字符串中a
元素位于根,所以find()
将无法找到它们
var html='';
var aTags=$(html).filter('a');
snippet.log(aTags.length);//=>0
var-aTags=$(html).filter('a')代码>