Parse HTML Code

Question

On input we have HTML like:

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

But in last td:

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

Question: How to remove 2nd img? We can use PHP, JS and CSS.

Do you want to remove one of the img tags dynamically after the page has loaded? — Danny
– Danny, Commented Jun 27, 2012 at 15:23
What have you tried already? There is a lot of resources on this subject on the internet and on SO already (look at DOM parsers). — Jeroen
– Jeroen, Commented Jun 27, 2012 at 15:23
if you can use javascript, you can use jQuery. Using jQuery you can do this in at most 5 lines. — 11684
– 11684, Commented Jun 27, 2012 at 15:25
But if you could do it on server it may be best to do it there as you don't have to rely on JavaScript being available on the client. The best approach depends on what you are actually trying to do. We definetly need more info/code here :-) — acme
– acme, Commented Jun 27, 2012 at 15:27

Wrikken · Accepted Answer · 2012-06-27 15:25:21Z

2

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

answered Jun 27, 2012 at 15:25

Wrikken

70.8k8 gold badges99 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Danny · Accepted Answer · 2012-06-27 15:32:06Z

0

Use JQuery's remove function

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

JQuery remove

EDIT

Changed above to remove 2nd image not the last

edited Jun 27, 2012 at 15:32

answered Jun 27, 2012 at 15:26

Danny

4682 silver badges7 bronze badges

5 Comments

Ricardo Souza Over a year ago

Please, aways provide some citation aside a link. If the link breaks your answer is trashed. PS. I don't downvoted you.

gen_Eric Over a year ago

@rcdmk: The link is to the jQuery docs. If that goes down, there are bigger problems.

gen_Eric Over a year ago

You should check if there are 2 images first. This will remove an image even if there is only one.

Ricardo Souza Over a year ago

Nope, they can change the site and the link may be broken.

Danny Over a year ago

So what are you saying, I should never place links? I now have code to show an example of what I mean by the resource...

jbrtrnd · Accepted Answer · 2012-06-27 15:33:39Z

0

If your HTML is coming from the HTML page or is PHP generated :
A solution with jQuery :

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

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

edited Jun 27, 2012 at 15:33

answered Jun 27, 2012 at 15:27

jbrtrnd

3,8435 gold badges26 silver badges41 bronze badges

3 Comments

gen_Eric Over a year ago

Not quite. this is a DOM element not a jQuery object. That's also not how .has() works.

user1486054 Over a year ago

there is no ID's or classes :(

jbrtrnd Over a year ago

@user1486054 If this is the only table in your HTML document, you can replace #your_table_id td by table td

Pavel Lauko · Accepted Answer · 2012-06-27 15:31:29Z

-1

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

answered Jun 27, 2012 at 15:31

Pavel Lauko

664 bronze badges

1 Comment

gen_Eric Over a year ago

What if the last td has only one image?

Collectives™ on Stack Overflow

Parse HTML Code

4 Answers 4

Comments

5 Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

5 Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related