我需要找到值,如果所有<div>
元素的id
屬性具有<span>
孩子。通過其第一個子元素的名稱選擇HTML元素
例如,假設這個HTML
<div id="a1"> <span> xa1 </span> </div>
<div id="a2"> <p>...</p> <span> xa2 </span> </div>
<div id="a3"> <p> <span> xa3 </span> </p> </div>
<div id="a4"> <p>...</p> </div>
<div id="b1"> </div> <span> xb1 </span>
<div id="b2"> </div> <p> <span> xb1 </span> </p>
<div id="b3"> </div> <p>.</p> <span> xb3 </span>
我需要得到:a1
,僅此而已。
因爲CSS選擇器沒有像積極向前看我需要增量搜索HTML,但我不知道如何。
如何修改下一個來源,只能得到a1
?
use 5.014;
use warnings;
use Mojo::DOM;
my $html = do {local $/; <DATA>};
my $dom = Mojo::DOM->new($html);
for my $div ($dom->find('div')->each) {
#say "DIV[[$div]]";
my @spans = $div->find('div > span')->each; #found a1 and a2 ;(
say $div->attr('id') if (@spans == 1);
}
__DATA__
<div id="a1"> <span> xa1 </span> </div>
<div id="a2"> <p>...</p> <span> xa2 </span> </div>
<div id="a3"> <p> <span> xa3 </span> </p> </div>
<div id="a4"> <p>...</p> </div>
<div id="b1"> </div> <span> xb1 </span>
<div id="b2"> </div> <p> <span> xb1 </span> </p>
<div id="b3"> </div> <p>.</p> <span> xb3 </span>
<p id="p1"> <span> xp1 </span> </p>
<p id="p2"> <p>...</p> <span> xp2 </span> </p>
<p id="p3"> <p> <span> xp3 </span> </p> </p>
<p id="p4"> <p>...</p> </p>
是的!我有點忽略了'第一個孩子'和'第n孩子'.. Thanx。應對此,因爲它是Mojo :: DOM解決方案,我已經知道(有點)。 – cajwine 2014-09-18 17:32:10