nasıl bazı özel çocuk döngü

Question

Bu DOM ağacım var düğümleri:

<li> 
data .... 
    <br> 
    data ... 
    <img ... /> 
    <br> 
    <script> ... </script> 
    <span> data ... </span> 
</li> 

nasıl ben li kendisi ve senaryo elemanı, yani el yazısı ve yayılma arasında kalan yukarıdaki li elemanının çocukları arasında döngü elemanlar döngü dışında ... advace teşekkürler!

not: JQuery'yi kullanmak istemiyorum, çünkü benim uygulamam Protoype kullanıyor ve JQuery ile çakışıyor, ikisi de birlikte kullanıyorum, Prototype kullanarak hızlı bir çözüm varsa bunu takdir ediyorum.

Answer 1

Bu çalışma sizin gibi bir şey ister miydi? sizin örnekte "veri" dizeleri ise

var child = liElement.firstChild; 
while(child){ 
    if(child.nodeName.toLowerCase() == 'script'){ 
     break 
    } 
    //do your stuff here 
    child = child.nextSibling; 
} 

Not, bu textNodes örnekleri olarak çocuk heirarchy var olacaktır.

: Bu şeyler üzerinde özel işlemler yapmak gerekirse, daha fazla düğüm tipleri burada

Answer 2

jquery'ye bir göz attınız mı? Çok güzel bir sorgu sözdizimi vardır. Tam olarak hangi elemanların tam olarak döngüde olmasını istediğinizden emin olduğumdan eminim ancak $ ('li> img') tüm görüntüleri tüm liste öğeleri altında döndürecektir. için spesifikasyonları kontrol daha jquery

jQuery seçicileri kullanabilirsiniz

Answer 3

: seçimiyle ilgili Sonra döngü

$('li').children().not('script').not('span'); 

:

$('li').children(); 

dışla istenmeyen unsurlar:

tüm <li> çocukları alın :

$('li').children().not('script').not('span').each(function(index, element){ 
    //do sth like hide the element 
    $(element).hide(); 
}); 

Answer 4

bir çek gibi

switch(child.nodeType){ 
case 3: 
    //text Node 
    break; 
case 1: 
    //Element node 
    break; 
default: 
    //break; 
} 

çek dışarı https://developer.mozilla.org/en/nodeType yapmak senin için kesmek bir çözüm var isteyeceksiniz

$("li").each(function(index) { 
console.log($(this).find("span:first").text()); 
}); 

first span in Li