Wie kann ich feststellen, ob ein jQuery-Knoten am Anfang des übergeordneten Knotens steht?

Question

den folgenden HTML Gegeben:

<p><img id="one" alt="at beginning, return true" />Some Text</p> 
<p>Some <img id="two" alt="in middle, return false" />Text</p> 
<p>Some Text<img id="three" alt="at end, return false" /></p> 

Wie würde ich in der Lage sein zu sagen, dass $("img#one") zu Beginn des übergeordneten Knoten ist?

Im Idealfall, was ich versuche, dies zu tun:

$("p>img").each(function() { 
    var $this = $(this); 
    var $parent = $this.parent(); 
    if ("$this is at the beginning of $parent.html()") { 
     $parent.before($this); 
    } else { 
     $parent.after($this); 
    } 
}); 

Edit: mit sebasgo's help, hier ist der endgültige Code und Ergebnis:

$("p>img").each(function() { 
    var $this = $(this); 
    var $parent = $this.parent(); 
    if (this == this.parentNode.firstChild) { 
     $parent.before($this); 
    } else { 
     $parent.after($this); 
    } 
}); 

<img id="one" alt="at beginning, return true" /> 
<p>Some Text</p> 
<p>Some Text</p> 
<img id="two" alt="in middle, return false" /> 
<p>Some Text</p> 
<img id="three" alt="at end, return false" /> 

Answer 1

Verwenden

var elem = $("img#one").get(0) 
if (elem.parentNode.firstChild == elem) 
{ .... } 

Hoffe, das funktioniert besser.

Answer 2

Versuchen Sie, diese Bedingung:

($parent.contents().eq(0).attr("id") === $this.attr("id")) 

Answer 3

Von ähnlicher Frage auf SO.

How to match first child of an element only if it's not preceeded by a text node?

$("p>img").each(function() { 
    var prev = this.previousSibling; 
    var isThisTheFirstNode = $(this).parent().html().toUpperCase().indexOf('<IMG>') == 0; 

    var method = isThisTheFirstNode ? 'before' : 'after'; 
    $(this).parent[method].before(this); 
}); 

Answer 4

Der folgende Code wird Ihnen sagen, wenn der betreffende Knoten die ‚first-child‘ ist oder sollte für Sie nicht so funktionieren. Ich habe gerade mit einem ähnlichen Problem gekämpft und das hat für mich funktioniert.

if($(this).prev().length) 
{ 
    // Not first-child 
} else { 
    // is first-child 
}