DOMXpath & PHP：如何包裝一堆<li>里面<ul>

Question

我有一個帶有這個不太好的標記的 html 文檔，沒有“ul”：

<p>Lorem</p>
<p>Ipsum...</p>
<li class='item'>...</li>
<li class='item'>...</li>
<li class='item'>...</li>
<div>...</div>

我現在正在嘗試使用 PHP 和 DOMXPath“抓取”所有 li 元素並將它們包裝在一個 ul 列表中，我想將其放置在同一位置。 我設法找到並“刪除”了 li 元素：

$elements =  $xpath->query('//li[@class="item"]');

$wrapper = $document->createElement('ul');
foreach($elements as $child) {
    $wrapper->appendChild($child);
}

Answer 1

也許你可以拿到第一個<li>的parentNode ，然后使用insertBefore方法：

$html = <<<HTML
<p>Lorem</p>
<p>Ipsum...</p>
<li class='item'>...</li>
<li class='item'>...</li>
<li class='item'>...</li>
<div>...</div>
HTML;
$doc = new DOMDocument();
$doc->loadHTML($html);

$xpath = new DOMXpath($doc);

$elements = $xpath->query('//li[@class="item"]');

$wrapper = $doc->createElement('ul');
$elements->item(0)->parentNode->insertBefore(
    $wrapper, $elements->item(0)
);

foreach($elements as $child) {
    $wrapper->appendChild($child);
}

echo $doc->saveHTML();

演示

Answer 2

這是你需要的。 您可能需要為您的真實 HTML 調整 XPath 查詢。

$document = new DOMDocument;

// We don't want to bother with white spaces
$document->preserveWhiteSpace = false;

$html = <<<EOT
<p>Lorem</p>
<p>Ipsum...</p>
<li class='item'>...</li>
<li class='item'>...</li>
<li class='item'>last...</li>
<div>...</div>
EOT;

$document->LoadHtml($html);

$xpath = new DOMXPath($document);

$elements =  $xpath->query('//li[@class="item"]');

// Saves a reference to the Node that is positioned right after our li's
$ref = $xpath->query('//li[@class="item"][last()]')->item(0)->nextSibling;

$wrapper = $document->createElement('ul');
foreach($elements as $child) {
    $wrapper->appendChild($child);
} 

$ref->parentNode->insertBefore($wrapper, $ref);

echo $document->saveHTML();

運行示例： https : //repl.it/B3UO/24

DOMXpath & PHP：如何包裝一堆<li>里面<ul>

問題描述

2 個解決方案

解決方案1
1 已采納 2015-11-25 21:35:28

解決方案2
0 2015-11-25 21:04:27

DOMXpath &amp; PHP：如何包裝一堆<li>里面<ul>

問題描述

2 個解決方案

解決方案1 1 已采納 2015-11-25 21:35:28

解決方案2 0 2015-11-25 21:04:27

DOMXpath & PHP：如何包裝一堆<li>里面<ul>

解決方案1
1 已采納 2015-11-25 21:35:28

解決方案2
0 2015-11-25 21:04:27