How to get value using DOM HTML

Question

I have a html:

$content = "
<tr>
   <td class="ttl"><a href="#">Colors</a></td>
   <td class="nfo">Dark Grey, Rose Red, Blue, Brown, Sand White</td>
</tr>";

And code php:

$dom = new DOMDocument();
@$dom->loadHTML($content);      
$xpath = new DOMXPath($dom);

$attbs = $xpath->query("//td[@class='ttl']");
foreach($attbs as $a) { 
    print $a->nodeValue;
}

$values = $xpath->query("//td[@class='nfo']");
foreach($values as $v) { 
    print $v->nodeValue;
}

How get value of 2 td but only using 1 foreach

Answer 1

try

$trs = $xpath->query("//tr");
foreach ($trs as $tr) {
    $attbs = $xpath->query("//td[@class='ttl']", $tr);
    $values = $xpath->query("//td[@class='nfo']", $tr);
    echo $attbs->item(0)->nodeValue . '-' .  $values->item(0)->nodeValue . '<br />';
}

Answer 2

Put both classes into a logical OR expression with the | operator:

$attbs = $xpath->query("//td[@class='ttl'] | //td[@class='nfo']");
foreach($attbs as $a) { 
    print $a->nodeValue;
}

This prints:

ColorsDark Grey, Rose Red, Blue, Brown, Sand White

Demo