remove specific html tag with its content by js

Question

here is my html codes where I want to change.

<table>
    [some table row]
    <tr class="high">
        some text
    </tr>
    [many more table row]
</table>

now I want to remove the following tag with its class and inner contents. is there any way to remove it using replace command like "replace(/pattern/, '')".

please write a little details about how you write the patterns.

"now I want to remove the following tag with its class and inner contents" Which tag? You've said "the following tag" but then haven't followed that with, you know, a tag. :-) — T.J. Crowder
– T.J. Crowder, Commented Mar 19, 2012 at 9:03
now I want to remove the following <tr> tag with its class and inner contents. — Black Cobra
– Black Cobra, Commented Mar 19, 2012 at 9:05
So you want to remove the tr that follows the tr class="high"? — T.J. Crowder
– T.J. Crowder, Commented Mar 19, 2012 at 9:09

Shiplu Mokaddim · Accepted Answer · 2012-03-19 09:15:46Z

1

If your table have an id, say table_id you can do it by pure javascript,

var table = document.getElementById('table_id');
for(var i=0; i<table.rows.length;i++){
    if(table.rows[i].className=="high"){
        table.deleteRow(i);
        break;
    }
}

answered Mar 19, 2012 at 9:15

Shiplu Mokaddim

57.5k20 gold badges147 silver badges193 bronze badges

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

Comments

jantimon · Accepted Answer · 2012-03-19 09:04:22Z

0

You might want to take a look at the jQuery library. It offers a lot of ways to search and alter html code.

You can search for css patterns and remove the element:

jQuery("tr.high").remove();

http://www.jquery.com

answered Mar 19, 2012 at 9:04

jantimon

38.5k23 gold badges127 silver badges196 bronze badges

Comments

T.J. Crowder · Accepted Answer · 2012-03-19 09:06:12Z

(I'm assuming you're running JavaScript in the browser, since you're dealing with HTML.)

Rather than trying to use regular expressions to parse HTML (which is generally a bad idea), you're probably better off actually building the DOM tree and then traversing it to get the content you need.

For instance, you can put that table in a disconnected div:

var div = document.createElement('div');
div.innerHTML = your_html_string;

...and then use the DOM methods (and possibly innerHTML) and/or a library to get the content you need.

References:

If you're going to be doing a lot of work in JavaScript on the browser, I recommend using a good JavaScript library like jQuery, Prototype, YUI, Closure, or any of several others. These smooth over browser differences for you and provide a lot of utility functionality so you can focus on the problem at hand.

ravi404 · Accepted Answer · 2012-03-19 09:32:15Z

0

Why don't you use jquery library.. its simple with that.. This should do the trick

$(document).ready(function(){
    $("tr.high").remove(); 
})

Jquery .remove()

answered Mar 19, 2012 at 9:32

ravi404

7,3094 gold badges34 silver badges41 bronze badges

Collectives™ on Stack Overflow

remove specific html tag with its content by js

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related