简单的 HTML DOM 如何仅访问顶层的元素

Question

我被主题问题困住了。 这是示例代码：

include('./simple_html_dom.php');
$html = str_get_html("
<cols>
    <br>
    <col>
        content1
        <br>
        content1
    </col>
    <br>
    <col>
        <br>
        content2
        <br>
        content2
    </col>
    <br>
</cols>");

foreach($html->find('cols br') as $br) { 回声 $br-> 外文； } 这给了我<cols> 标签内的所有<br> 标签，但我只需要顶层的<br>。
$html->find('cols > br') 也不起作用（

更新 解决这个问题：

foreach($html->find('cols') as $cols_tag_content) {
    for($node = 0; $node < count($cols_tag_content->children()); $node++) {
        if($cols_tag_content->children($node)->tag == "br") {
            //doing whatever you want with br. i just remove it
            $cols_tag_content->children($node)->outertext = "";
        }
    }
}

这适用于<br> 和<br />

Answer 1

foreach($html->find('cols') as $cols_tag_content) {
    for($node = 0; $node < count($cols_tag_content->children()); $node++) {
        if($cols_tag_content->children($node)->tag == "br") {
            //doing whatever you want with br. i just remove it
            $cols_tag_content->children($node)->outertext = "";
        }
    }
}

Answer 2

你试过'cols>br'吗？我认为 'cols > br' 可能 把它扔掉了。

更多信息请参见http://www.w3schools.com/css/sel_element_gt.asp。

我认为 jQuery 允许间距。

更新

我将上面的伪 html 重组为使用带有类的 div，如下所示：

<div class="cols">
    <br />
    <div class="col">
        content1
        <br />
        content1
    </div>
    <br />
    <div class="col">
        <br />
        content2
        <br />
        content2
    </div>
    <br />
</div>

现在可以执行以下 jQuery 脚本：

var brs= $('div.cols > br');
alert("Found "+brs.length+" brs");