xPath 在前后插入 - 使用 DOM 和 PHP

Question

我需要在 HTML 结构中添加一个类。

我的类被称为“container”，应该在

• 之后开始（ul 的孩子及其类似物） ，而不是孙子），并且应该在同一元素关闭之前结束。

  我的整个代码如下所示：

  <?php
  $content = '
      <div class="sidebar-1">
          <ul>
              <li>
                  <h4>Title</h4>
                  <ul> 
                      <li><a href="http://www.test.com">Test</a></li> 
                      <li><a href="http://www.test.com">Test</a></li> 
                  </ul> 
              </li> 
              <li>
                  <p>Paragraf</p>
              </li> 
              <li>
                  <h4>New title</h4>
                  <ul> 
                      <li>Some text</li>
                      <li>Some text åäö</li>
                  </ul> 
              </li> 
          </ul>
      </div>
  ';
  
  $doc = new DOMDocument();
  $doc->loadHTML($content);
  $x = new DOMXPath($doc);
  
  $start_text = '<div class="container">';
  $end_text = '</div>';
  
  foreach($x->query('//div/ul/li') as $anchor)
  {
      $anchor->insertBefore(new DOMText($start_text),$anchor->firstChild);
  }
  echo $doc->saveXML($doc->getElementsByTagName('ul')->item(0));
  ?>
  

  只要我可以添加类开头但不能添加关闭元素，它就可以工作。这样做我也会得到奇怪的编码。我希望输出与输入的编码相同。

  结果应该是

      <div class="sidebar-1">
          <ul>
              <li>
                  <h4>Title</h4>
                  <div class="content">
                      <ul> 
                          <li><a href="http://www.test.com">Test</a></li> 
                          <li><a href="http://www.test.com">Test</a></li> 
                      </ul>
                  </div>
              </li> 
              <li>
                  <div class="content">
                      <p>Paragraf</p>
                  </div>
              </li> 
              <li>
                  <h4>New title</h4>
                  <div class="content">
                      <ul> 
                          <li>Some text</li>
                          <li>Some text åäö</li>
                      </ul> 
                  </div>
              </li> 
          </ul>
      </div>
  

【问题讨论】：

• 这里有一个概念错误。您想将所有ul 的子元素嵌入到div 元素中，并使div 成为ul 的唯一子元素
• 不，我想在 li 元素中添加 div 元素。我将结果 HTML 添加到我的帖子中。
• 这不是一个 XPath 问题。
• 正确答案使用 DOMXPath，所以是的，这是一个 XPath 问题。
• 不管它使用什么选择器：appendChild 和removeChild DOM API 方法是答案的关键。

Answer 1

我找不到更优雅的方式来重新分配所有孩子，所以我想这可以。不过，我认为它可以满足您的需求。

（注意：代码已更新以反映 cmets 中的其他要求。）

$doc = new DOMDocument();
$doc->loadHTML($content);
$x = new DOMXPath($doc);

foreach($x->query('//div/ul/li') as $anchor)
{
    $container = $doc->importNode(new DOMElement('div'));
    $container->setAttribute('class', 'container');

    $next = $anchor->firstChild;
    while ($next !== NULL) {
        $curr = $next;
        $next = $curr->nextSibling;

        if (($curr->nodeName != 'h4')
            || ($curr->attributes === NULL)
            || ($curr->attributes->getNamedItem('class') === NULL)
            || !preg_match('#(^| )title( |$)#', $curr->attributes->getNamedItem('class')->nodeValue)
        ) {
            $container->appendChild($anchor->removeChild($curr));
        }
    }

    $anchor->appendChild($container);
}

至于字符编码，我已经搞砸了一段时间，这是一个棘手的问题。当您使用loadXML() 加载而不是loadHTML() 加载时，字符显示正确。有a workaround in the comments，但它并不漂亮。希望一些用户 cmet 将帮助您找到可用的解决方案。