.find() nicht wie erwartet funktioniert, nachdem der Knoten Liste von HTML-Snippet Erstellen

Question

Ich habe folgenden Javascript-Code mit jQuery:

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 

Warum ist aTags ein leeres Array und nicht ein Array von 2 <a> Knoten?

Answer 1

Sie müssen filter() weil find() versucht verwenden, um den Nachkommen Element der Elemente durch das jQuery-Objekt, in der Zeichenfolge der a Elemente sind an der Wurzel so find() der Lage sein wird, sie nicht genannt finden finden

var html = '<a href="http://foo.example.com">Foo/a> | ' + 
 
    '<a href="http://bar.example.com">Bar</a>'; 
 
var aTags = $(html).filter('a'); 
 
snippet.log(aTags.length); // => 0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> 
 
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>