Hat d3 api, die mit jQuery.closes ähnlich sind (Selektor)?

Question

DOM wie folgt aus:

<g.module> 
    <g.control> 
    <rect> 

ich die nächste API nicht finden: https://github.com/mbostock/d3/wiki/API-Reference

Wie kann ich die nächsten abgestimmte Elemente erhalten von ihm Eltern? Einfach so:

var module = d3.select(".control").closest(".module"); 

Answer 1

Sie können die Auswahl mit jquery machen und diese an d3 übergeben.

Dies kann oder kann nicht funktionieren je nachdem, wofür Sie es benötigen, aber möglicherweise eine einfache Problemumgehung sein.

Answer 2

Wenn Ihr DOM ist wirklich, dass spezifisches Beispiel können Sie übergeordneten Knoten mit D3 wählen als in ihrer docs bemerkt here:

Sie den übergeordneten Knoten jeder Gruppe durch Überprüfen der parentNode Eigenschaft jeder Gruppe sehen Array, z. B. Auswahl [0] .parentNode.

Also in Ihrem Fall sollte var module = d3.select(".control").parentNode; funktionieren.

Answer 3

Sie könnten „am nächsten“ d3 Auswahl Prototyp wie folgt hinzufügen:

d3.selection.prototype.closest = function(selector){ 
      var closestMatch = undefined; 
      var matchArr = []; 
      this.each(function(){ 
       var elm = this; 
       while(typeof elm.parentNode.matches === "function" && !closestMatch){ 
        elm = elm.parentNode; 
        if(elm.matches(selector)){ 
         closestMatch = elm; 
         matchArr.push(closestMatch); 
        } 
       } 
       closestMatch = undefined; 
      }); 
      return d3.selectAll(matchArr); 
     }