Replacing elements in html string

Question

Problem: I am trying to replace elements of a certain class with an empty string.

What i've tried

<table>
    <tr>
         <td>Cell to keep</td>
    </tr>
    <tr class='hide-report-item'>
        <td>Remove Me</td>
     <tr>
</table>

<script>
<!-- In my scenario data is actually a partial coming back from an ajax call) -->
function ParseData(data)
{
                var foo = $(data)[2];
                var hideItems = $(foo).find('.hide-report-item');

                hideItems.each(function () {
                    var test = $(this)[0];
                    data = data.replace(test.outerHTML, '');
                });
}
<!-- Ive also tried different variations of this -->
function ParseData(data)
{
                var foo = $(data).find('.hide-report-item').hide();
                var hideItems = $(foo).html();
}

<script>

Expected output:

<table>
    <tr>
         <td>Cell to keep</td>
    </tr>
</table>

Any help would be appreciated. thanks

api.jquery.com/remove

Heretic Monkey
– Heretic Monkey

2017-03-02 19:06:24 +00:00
Commented Mar 2, 2017 at 19:06 — Heretic Monkey
– Heretic Monkey, Commented Mar 2, 2017 at 19:06

mayersdesign · Accepted Answer · 2017-03-02 19:09:09Z

1

Add a class to the elements you want to remove, then .remove() them with jQuery

$(function() {
 $( ".hide-report-item" ).remove();
});

answered Mar 2, 2017 at 19:09

mayersdesign

5,3704 gold badges40 silver badges51 bronze badges

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

4 Comments

Muckeypuck Over a year ago

data comes in as a string. When i convert it using for example foo = $(data) foo is an array [0] <br /> [1] text [2] tablerow. Any kind of remove or hide and foo.html() returns an empty string

mayersdesign Over a year ago

But that data still just ends up in the DOM right? Why can't it be manipulated with jQuery after load?

Muckeypuck Over a year ago

oh i see what youre saying. gimme a second to try it

mayersdesign Over a year ago

No problem at all :)

TheValyreanGroup · Accepted Answer · 2017-03-02 19:10:04Z

1

You can simply use the remove() method.

$('.classToRemove').remove();

No need to use each() or any other loop. This will find all of those elements with that class in the DOM.

answered Mar 2, 2017 at 19:10

TheValyreanGroup

3,5992 gold badges16 silver badges32 bronze badges

1 Comment

Muckeypuck Over a year ago

data comes in as a string. When i convert it using for example foo = $(data) foo is an array [0] <br /> [1] text [2] tablerow any kind of remove or hide and foo.html() returns an empty string

Collectives™ on Stack Overflow

Replacing elements in html string

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related