jQuery.find() kök düğümü

Question

görmezden

Benim jQuery nesnesi şöyle görünür:,

var myJq = jQuery("<div class='a'></div><div class='b'></div>") 

myJq.find(".a") boş jQuery nesnesi döndüren görünüşte çünkü find() aramalar yalnızca çocukların jQuery nesnenin içerdiği düğümlerin, düğümlerin kendileri değil.

myJq'daki bir seçiciyi kullanarak divlardan birini nasıl alabilirim?

Answer 1

Bunun yerine .filter() kullanmanız gerekir.

Bu, jQuery nesnesinin en üst düzeyindeki öğeler arasında filtreleme yapacaktır.

myJq.filter(".a") 

Answer 2

Sen .filter()

var div = myJq.filter('.a'); 

ya da (iyi, daha hızlı) kullanan kullanabilirsiniz ya .first()

var div = myJq.first('.a'); 

Benchmark

var myJq = jQuery("<div class='a'></div><div class='b'></div>") 
var loop = 20000; 

console.time('filter'); 
while(loop--){ 
    var blah = myJq.filter(".a"); 
} 
console.timeEnd('filter'); 

loop = 20000; 

console.time('first'); 
while(loop--){ 
    var blah = myJq.first(".a"); 
} 
console.timeEnd('first'); 

.first() benim için yaklaşık 8x daha hızlı. İşte

Answer 3

kök elemanlarını hem de çocukları bulacaksınız bir .find2() var: Bununla

$.fn.find2 = function(selector) { 
    return this.filter(selector).add(this.find(selector)); 
}; 

, yapabileceğiniz:

İşte

var html = '<div class="one"><div class="one"></div></div>'; 
var el = html.find2(".one"); // will match both divs 

bu konuda daha fazla var: http://danielnouri.org/notes/2011/03/14/a-jquery-find-that-also-finds-the-root-element/