Leverage the power of DOMXPath in combination with the query function

Question

Leverage the power of DOMXPath in combination with the query function

Here is a snippet of HTML code to work with:

<ul id="tree">
      <li>
        <a href="">first</a>
        <ul>
          <li><a href="">subfirst</a></li>
          <li><a href="">subsecond</a></li>
          <li><a href="">subthird</a></li>
        </ul>
      </li>
      <li>
        <a href="">second</a>
        <ul>
          <li><a href="">subfirst</a></li>
          <li><a href="">subsecond</a></li>
          <li><a href="">subthird</a></li>
        </ul>
      </li>
    </ul>

We need to parse this HTML code using DOMXPath::query() and foreach() in order to display the following structure:

- first
    -- subfirst
    -- subsecond
    -- subthird
    - second
    -- subfirst
    -- subsecond
    -- subthird

Below is a piece of code that can help achieve this:

$xpath = new \DOMXPath($html);
    $catgs = $xpath->query('//*[@id="tree"]/li/a');
    foreach ($catgs as $category) {
        // first level
        echo '- ' . mb_strtolower($category->nodeValue) . '<br>';
    
        // second level
        // code for second level here
    }

Thank you in advance!

php html xpath domdocument

Answer 1

Answer №1

Why DOMBLAZE was created:

/* DOMBLAZE */ $doc->registerNodeClass("DOMElement","DOMBLAZE"); class DOMBLAZE extends DOMElement{public function __invoke($expression) {return $this->xpath($expression);} function xpath($expression){$result=(new DOMXPath($this->ownerDocument))->evaluate($expression,$this);return($result instanceof DOMNodeList)?new IteratorIterator($result):$result;}}

$list = $doc->getElementById('tree');

foreach ($list('./li') as $item) {
    echo '- ', $item('string(./a)'), "\n";
    foreach ($item('./ul/li') as $subitem) {
        echo '-- ', $subitem('string(./a)'), "\n";
    }
}

Expected result of the code above:

- first
-- subfirst
-- subsecond
-- subthird
- second
-- subfirst
-- subsecond
-- subthird

DOMBLAZE is considered to be a budget-friendly alternative to FluentDOM.

Answer 2

Why DOMBLAZE was created:

/* DOMBLAZE */ $doc->registerNodeClass("DOMElement","DOMBLAZE"); class DOMBLAZE extends DOMElement{public function __invoke($expression) {return $this->xpath($expression);} function xpath($expression){$result=(new DOMXPath($this->ownerDocument))->evaluate($expression,$this);return($result instanceof DOMNodeList)?new IteratorIterator($result):$result;}}

$list = $doc->getElementById('tree');

foreach ($list('./li') as $item) {
    echo '- ', $item('string(./a)'), "\n";
    foreach ($item('./ul/li') as $subitem) {
        echo '-- ', $subitem('string(./a)'), "\n";
    }
}

Expected result of the code above:

- first
-- subfirst
-- subsecond
-- subthird
- second
-- subfirst
-- subsecond
-- subthird

DOMBLAZE is considered to be a budget-friendly alternative to FluentDOM.

Answer 3

Answer №2

In order to tackle the second tier, you may also opt for an additional query:

$document = new DOMDocument();
$document->loadHTML($html);
$xpath = new DOMXpath($document);
$nodes = $xpath->query('//ul[@id="tree"]/li');
foreach($nodes as $node) {
    $header = $xpath->query('./a', $node)->item(0)->nodeValue;
    echo "- $header <br/>";
    foreach($xpath->query('./ul/li/a', $node) as $subNode) { // fetch data on the second level
        echo '-- ' . $subNode->nodeValue . '<br/>';
    }
}

check out the example here

Answer 4

In order to tackle the second tier, you may also opt for an additional query:

$document = new DOMDocument();
$document->loadHTML($html);
$xpath = new DOMXpath($document);
$nodes = $xpath->query('//ul[@id="tree"]/li');
foreach($nodes as $node) {
    $header = $xpath->query('./a', $node)->item(0)->nodeValue;
    echo "- $header <br/>";
    foreach($xpath->query('./ul/li/a', $node) as $subNode) { // fetch data on the second level
        echo '-- ' . $subNode->nodeValue . '<br/>';
    }
}

check out the example here

Leverage the power of DOMXPath in combination with the query function

Answer №1

Answer №2

Similar questions

Maintaining the original layout upon refreshing the page

Automatically navigate through form fields using jQuery when pasting data

Disable Button's Shadow when it is in an active state (clicked)

Having trouble retrieving all img tags while scraping a website using BeautifulSoup (BS4)?

Is there an HTML editing tool that has the ability to collapse code blocks by tags and rearrange them?

Switch up the position of an element every time the page is refreshed

What defines 'user interaction' when it comes to preventing XSS attacks?

The Selenium code is encountering difficulty retrieving the text from an element

PHP Retrieve Current Time with AM/PM Display

Tips for creating CSS styles for a selected input field

Is there a way to develop a login form that retrieves information from a Google Sheet database?

Apache httpd exceeds memory usage resulting in server crashing

Place a vertical slider adjacent to an HTML element on either the left or right side

Navigate through the overlay's content by scrolling

Exploring the inner workings of a JSON with Ajax and PHP

Position icons and images on the right side, and the textarea on the left side of the page (using Twitter

Issue encountered with MySQL: Mysterious error when trying to initiate MySQL and Apache servers

The parent's height remains unaffected by the margins of its child element

Updating the text box's font color to its original black shade

A guide on changing a plus sign into a minus sign with CSS transition