在輸入時,我們有HTML這樣的:解析HTML代碼
<table>
<tr>
<td>
<img ...>
</td>
<td>
<img ...>
</td>
...
</tr>
</table>
但在去年TD:
<td>
<img ...>
<img ...>
<td>
問題:如何去除第二img
?我們可以使用PHP,JS和CSS。
在輸入時,我們有HTML這樣的:解析HTML代碼
<table>
<tr>
<td>
<img ...>
</td>
<td>
<img ...>
</td>
...
</tr>
</table>
但在去年TD:
<td>
<img ...>
<img ...>
<td>
問題:如何去除第二img
?我們可以使用PHP,JS和CSS。
$dom = new DOMDocument();
$dom->loadHTML($yourhtmlstring);
$x = new DOMXPath($dom);
foreach($x->query('//td/img[2]') as $node) $node->parentNode->removeChild($node);
echo $dom->saveHTML();
使用jQuery的刪除功能
$("table tr:last-child > img:nth-child(2)").remove(); //i think this might work...
編輯
上述變更爲刪除第二圖像不是最後
如果你的HTML是從未來HTML頁面或者是PHP生成:
使用jQuery A液:
$(document).ready(function(){
$.each($("#your_table_id td "),function(){
if($(this).find("img").length > 1) {
$(this).find("img:gt(0)").remove();
}
});
});
不完全。 'this'是一個不是jQuery對象的DOM元素。這也不是'.has()'的工作原理。 –
我不確定,謝謝。 – jbrtrnd
沒有ID或類:( – user1486054
<code>
<table class="table">
<tr>
<td>
<img>
</td>
<td>
<img>
</td>
<td>
<img >
<img >
</td>
</tr>
</table>
<script>$(".table tr:last img:last").hide();</script>
</code>
如果最後一個'td'只有一個圖像會怎樣? –
你要刪除的頁面加載後動態的IMG標籤中的一個? – Danny
你已經嘗試了什麼?互聯網上已經有很多關於這個主題的資源了(已經看過DOM解析器)。 – Jeroen
這個HTML來自哪裏? –