php - 解析 HTML 代码

Question

在输入时，我们有如下 HTML：

<table>
   <tr>
         <td>
            <img ...>
         </td>
         <td>
            <img ...>
         </td>
         ...
   </tr>
</table>

但在最后一个 td 中：

<td>
    <img ...>
    <img ...>
<td>

问题：如何删除 2nd img？我们可以使用 PHP、JS 和 CSS。

Answer 1

$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();

Answer 2

使用 JQuery 的删除功能

$("table tr:last-child > img:nth-child(2)").remove(); //i think this might work...

jQuery 删除

编辑

在上面进行了更改以删除第二张图像而不是最后一张

Answer 3

如果您的 HTML 来自 HTML 页面或由 PHP 生成：
使用 jQuery 的解决方案：

$(document).ready(function(){
    $.each($("#your_table_id td "),function(){

        if( $(this).find("img").length > 1 ) {
            $(this).find("img:gt(0)").remove();
        }
    });
});

Answer 4

<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>