使用domXpath在div中选择输入类型的文本值

Question

我正在尝试使用domXpath访问DIV中的文本框的值。

基本上，我有多个DIV，每个DIV包含一些输入类型的文本，并且其中包含一些值。

我想创建一个数组并将其与其父DIV映射

我的示例HTML代码：

<div class="div_common_class">
    <div class="content_area">
        <div class="field_name">this is first</div>
    </div>

    <div class="input_area">
        <input type="text" name="" value="111" />
    </div>
</div>

<div class="div_common_class">
    <div class="content_area">
        <div class="field_name">this is second</div>
    </div>

    <div class="input_area">
        <input type="text" name="" value="222" />
    </div>
</div>

PHP代码：

$dom = new DomDocument;
@$dom->loadHTML($html);

$xpath = new DOMXpath($dom);
$result = $xpath->query('//div[contains(@class, "div_common_class")]');

从上面的PHP代码中，我仅获取DIV的值，而未获取输入类型文本的值。

并输出如下内容：

这是第一111

这是第二222

Answer 1

您的xpath获取正确的div，但是您仍然需要获取值。

您可以使用getElementsByTagName并使用foreach或按item获取元素，例如以下示例：

$results = $xpath->query('//div[contains(@class, "div_common_class")]');
foreach ($results as $result) {
    echo sprintf("<b>%s %s</b><br>",
        $result->getElementsByTagName("div")->item(1)->textContent,
        $result->getElementsByTagName("input")->item(0)->getAttribute("value"));
}

那会给你：

这是第一111

这是第二222

输出PHP