从php循环中查找uniques&;融入新元素


Find uniques from php loop & wrap inside new elements

我在php循环中得到以下数据

<ul id="alpha-list">
    <li data-alpha="A">Apple</li>
    <li data-alpha="B">Bat</li>
    <li data-alpha="B">Ball</li>
    <li data-alpha="A">Angel</li>
    <li data-alpha="D">Dog</li>
    <li data-alpha="C">Cat</li>
</ul>

我想找到唯一的"数据阿尔法"属性&将它们封装在父级"ul-li"中,这样每个"data-alpha"的结果应该与此类似。

<ul id="alpha-list">
    <li data-alphabet="A">
        <ul>
           <li data-alpha="A">Angel</li>
           <li data-alpha="A">Apple</li>
        </ul>
    </li>
    <li data-alphabet="B">
        <ul>
           <li data-alpha="B">Ball</li>
           <li data-alpha="B">Bat</li>
        </ul>
    </li>
    ..... 
</ul>

如何在php中实现这一点?如有任何指导,我们将不胜感激。

$html = <<<EOL
<ul id="alpha-list">
    <li data-alpha="A">Apple</li>
    <li data-alpha="B">Bat</li>
    <li data-alpha="B">Ball</li>
    <li data-alpha="A">Angel</li>
    <li data-alpha="D">Dog</li>
    <li data-alpha="C">Cat</li>
</ul>
EOL;
$dom = new DOMDocument();
$dom->loadHTML($html);
$data = array();
foreach ($dom->getElementsByTagName('li') as $node) {
    $data[$node->getAttribute('data-alpha')][] = $node->textContent;
}
ksort($data);
$dom = new DOMDocument();
$ulElement = $dom->createElement('ul');
$ulElement->setAttribute('id', 'alpha-list');
foreach ($data as $char => $words) {
    $parentLiElement = $dom->createElement('li');
    $parentLiElement->setAttribute('data-alphabet', $char);
    $childUlElement = $dom->createElement('ul');
    foreach ($words as $word) {
        $childLiElement = $dom->createElement('li');
        $childLiElement->setAttribute('data-alpha', $char);
        $childLiElement->appendChild($dom->createTextNode($word));
        $childUlElement->appendChild($childLiElement);
    }
    $parentLiElement->appendChild($childUlElement);
    $ulElement->appendChild($parentLiElement);
}
$dom->appendChild($ulElement);
echo $dom->saveHTML();

这应该产生:

<ul id="alpha-list">
    <li data-alphabet="A">
        <ul>
            <li data-alpha="A">Apple</li>
            <li data-alpha="A">Angel</li>
        </ul>
    </li>
    <li data-alphabet="B">
        <ul>
            <li data-alpha="B">Bat</li>
            <li data-alpha="B">Ball</li>
        </ul>
    </li>
    <li data-alphabet="C">
        <ul>
            <li data-alpha="C">Cat</li>
        </ul>
    </li>
    <li data-alphabet="D">
        <ul>
            <li data-alpha="D">Dog</li>
        </ul>
    </li>
</ul>

我认为您需要创建二维数组,然后循环数组