PHP排序DOM元素和替换

Question

我现在有一个看起来像这样的UL名单：

<ul id="primary-nav"> 
    <li class="navButton" id="amps_off_button" data-order="6"> 
     <span class="navButton-color red"><p>AMPS Off</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="amps_alarms" data-order="7"> 
     <span class="navButton-color"><p>AMPS Alarms</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="sysConfig" data-order="3"> 
     <span class="navButton-color"><p>System Configuration</p></span> 
     <span class="glare"></span></li> 
    <li class="navButton" id="system" data-order="4"> 
     <span class="navButton-color"><p>System</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="backBtn" data-order="100"> 
     <span class="navButton-color"><p>BACK</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="rescan" data-order="101"> 
     <span class="navButton-color"><p>ReScan</p></span> 
     <span class="glare"></span> 
    </li> 
</ul> 

在我的导航类的，我有一个可以调用的函数将被排序的无序列表的顺序数据顺序中的值：

public function setOrder() { 
    $liNodeList = $this->xpath->query("//ul[@id='primary-nav']//li"); 
    $liNodes = iterator_to_array($liNodeList); 

    usort($liNodes, array('Navigation', 'sortListByOrderAttr')); 

    if ($liNodeList->length == count($liNodes)) { 
     for ($i = 0; $i < $liNodeList->length; $i++) { 
      $node = $liNodeList->item($i); 
      $newNode = $liNodes[$i]; 
      $node->parentNode->replaceChild($newNode, $node); 
     } 
    } 
    else echo "error"; 
} 

private static function sortListByOrderAttr($a, $b) { 
    return (int) $a->getAttribute('data-order') - (int) $b->getAttribute('data-order'); 
} 

由于某些原因，我没有得到正确的列表顺序。相反，输出显示4项，而不是6个项目它应该显示：

<ul id="primary-nav"> 
    <li class="navButton" id="amps_off_button" data-order="6"> 
     <span class="navButton-color red"><p>AMPS Off</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="amps_alarms" data-order="7"> 
     <span class="navButton-color"><p>AMPS Alarms</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="backBtn" data-order="100"> 
     <span class="navButton-color"><p>BACK</p></span> 
     <span class="glare"></span> 
    </li> 
    <li class="navButton" id="rescan" data-order="101"> 
     <span class="navButton-color"><p>ReScan</p></span> 
     <span class="glare"></span> 
    </li> 
</ul> 

这里我怀疑我的问题是，我$node->parentNode->replaceChild($newNode, $node);没有ES布埃诺。也许我需要一个不同的方法来排序呢？帮助赞赏！

Answer 1

那么，考虑cHao的说法后，看起来在重新阅读replaceChild的工作方式后，它解释了为什么我的方法没有产生正确的结果，这是由于新的子节点已经存在于节点集中。

我固定的代码，例如：

public function setOrder() { 
    $liNodeList = $this->xpath->query("//ul[@id='primary-nav']//li"); 
    $liNodes = iterator_to_array($liNodeList); 

    usort($liNodes, array('Navigation', 'sortListByOrderAttr')); 

    if ($liNodeList->length == count($liNodes)) { 
     for ($i = 0; $i < $liNodeList->length; $i++) { 
      $node = $liNodeList->item($i); 
      $newNode = $this->doc->importNode($liNodes[$i], TRUE); 
      $node->parentNode->appendChild($newNode); 
     } 
    } 
    else echo "error with nav menu"; 
}