2013-05-08 16 views
6

jQuery, ağacın en yakın eşleşen atağını döndüren "en yakın" değere sahiptir. Dart eşdeğeri var mı? Daha az kırılgan aşağıdaki yapmak istiyorum:, jquery'nin Dart'taki "en yakın" a eşdeğerdir

belki
e.target.parent.parent.nextElementSibling.classes.toggle('hide'); 

gibi bir şey:

e.target.closest('div').nextElementSibling.classes.toggle('hide'); 
+0

Yani temelde, özyinelemeli bazı kriterleri ana öğeye aramak istiyorum:

aşağıda tanımlanan findClosestAncestor() fonksiyon atası etiketi verilen bir element için dolap atası bulur? Bunu doğru mu anladım? – MarioP

+0

Peki, uygulamayı dikte etmek istemiyorum, ama evet. –

+0

Bu özelliği, bu özelliği dart'a eklemek için yıldız ekleyebiliyorum: html? –

cevap

4

olarak bildiğim kadarıyla bir yerleşik işlev yoktur. Ama bir şeyi kodlamak oldukça kolay.

<!DOCTYPE html> 

<html> 
    <head> 
    <title>ancestor</title> 
    </head> 

    <body> 
    <div id='outer'> 
     <div id='inner'> 
     <p></p> 
     </div> 
    </div> 

    <script type="application/dart"> 
     import 'dart:html'; 

     Element findClosestAncestor(element, ancestorTagName) { 
     Element parent = element.parent; 
     while (parent.tagName.toLowerCase() != ancestorTagName.toLowerCase()) { 
      parent = parent.parent; 
      if (parent == null) { 
      // Throw, or find some other way to handle the tagName not being found. 
      throw '$ancestorTagName not found'; 
      } 
     } 
     return parent; 
     } 

     void main() { 
     ParagraphElement p = query('p'); 
     Element parent = findClosestAncestor(p, 'div'); 
     print(parent.id); // 'inner' 
     }  
    </script> 

    <script src="packages/browser/dart.js"></script> 
    </body> 
</html> 
+1

Kod örneğini olabildiğince düşük tutmanızı veya kodu bir kod etiketine bölmenizi öneririz. –