Response title
This is preview!
Move this topic
remove <b> tag from a table with a class
in Using jQuery
•
11 years ago
Hi guys,
I now know how to write remove statment if its to remove one piece of html such as a <hr/>
However in this case I'm trying to write a bit of javascript to remove a <b>TEXT</b> with whatever text inside. And in this case it's only for a line of text that apears in a <td> which has a class:
This is the html:
I now know how to write remove statment if its to remove one piece of html such as a <hr/>
However in this case I'm trying to write a bit of javascript to remove a <b>TEXT</b> with whatever text inside. And in this case it's only for a line of text that apears in a <td> which has a class:
This is the html:
<td class="column_main"><b>NEW IN</b> </td>
1
Replies(20)
Re: Re: remove <b> tag from a table with a class
11 years ago
Thanks for that Jay, that works well.
However each page will contain different text in this table so I only want it to remove the text in this specific table which apears on every page wit the class="column_main" which contains a <b>
However each page will contain different text in this table so I only want it to remove the text in this specific table which apears on every page wit the class="column_main" which contains a <b>
Leave a comment on jay.blanchard's reply
Re: remove <b> tag from a table with a class
11 years ago
Then you can go with $('.column_main').find('b').remove();
Re: Re: remove <b> tag from a table with a class
11 years ago
Thanks for that, that works really well.
I'm tring to get rid of the spaces after the <b> but it doesn't seem to be working.
This is the html again:
I'm tring to get rid of the spaces after the <b> but it doesn't seem to be working.
This is the html again:
<td class="column_main"><b>NEW IN</b> </td>
- $('.column_main').find('b').remove();
$('td').remove(":contains( )");
Leave a comment on jay.blanchard's reply
Re: remove <b> tag from a table with a class
11 years ago
Is there anything else in that cell? If not it might be easier just to set its HTML
$('.column_main').html(')'
$('.column_main').html(')'
Re: Re: remove <b> tag from a table with a class
11 years ago
Unfortunately the developers creating our site decided to use the same class all over the page. so it really needs to be specific to a <td> and specific to it containing two spaces after the <b></b> nbsp;
It's really annoying but they are the only distinguishing features on that section.
It's really annoying but they are the only distinguishing features on that section.
Leave a comment on jay.blanchard's reply
Re: remove <b> tag from a table with a class
11 years ago
$('td.column_main').html(''); will select table cells with the class column_main and set the HTML to be blank. The problem with is that it has already been converted to a space by the time it gets to browser output. If you want to get that you may have to use some regex.
Re: Re: remove <b> tag from a table with a class
11 years ago
Thanks for this:
could it not be something like:
$('td.column_main contains('<b>NEW IN</b> ')').html('');
?? or something similar because I don't think that works?
could it not be something like:
$('td.column_main contains('<b>NEW IN</b> ')').html('');
?? or something similar because I don't think that works?
Leave a comment on jay.blanchard's reply
Re: remove <b> tag from a table with a class
11 years ago
maybe something like this?
$('td.column_main b:contains("NEW IN")').empty();if there are other things in that cell, its going to get a little complicated, we'll have to loop through the text nodes using .contents() and then .filter() to filter to only text nodes, then for each text node see if it consists of two spaces, and if it does, remove the two spaces without removing anything else.
-- Kevin
-- Kevin
Re: Re: remove <b> tag from a table with a class
11 years ago
Thanks for this:
could it not be something like:
$('td.column_main contains('<b>NEW IN</b> ')').html('');
?? or something similar because I don't think that works?
could it not be something like:
$('td.column_main contains('<b>NEW IN</b> ')').html('');
?? or something similar because I don't think that works?
Leave a comment on Kevin B's reply
Re: remove <b> tag from a table with a class
11 years ago
The has already been interpreted by the browser as a space - you cannot select it.
Re: Re: remove <b> tag from a table with a class
11 years ago
Ah ok fair enough.
I'm not sure why the developers of our system decided to replicate the same classes throughout the same section. It makes it so much more difficult.
I'm not sure why the developers of our system decided to replicate the same classes throughout the same section. It makes it so much more difficult.
Leave a comment on jay.blanchard's reply
Re: remove <b> tag from a table with a class
11 years ago
i don't think that would work. But, this would:
-- Kevin
- $('td.column_main b:contains("NEW IN")').parent().empty();
-- Kevin
Re: Re: remove <b> tag from a table with a class
11 years ago
Ah that works but in the section I want to choose it gets rid of the image within there also.
http://jsfiddle.net/HKsdS/3/
Instead of .empty() can I put in .replaceWith(' ');
and add the html for an img in the (' ') ?
http://jsfiddle.net/HKsdS/3/
Instead of .empty() can I put in .replaceWith(' ');
and add the html for an img in the (' ') ?
Leave a comment on Kevin B's reply
Re: remove <b> tag from a table with a class
11 years ago
Give it a shot - experimentation FTW! (it will work)
Re: Re: remove <b> tag from a table with a class
11 years ago
Leave a comment on jay.blanchard's reply
Re: remove <b> tag from a table with a class
11 years ago
or so:
- $(''td.column_main').has('b').filter(":contains(' ')").empty();
Re: Re: remove <b> tag from a table with a class
11 years ago
it isn't a normal space, its a which can't be selected in that way, and the td contains other elements that don't need to be removed
-- Kevin
-- Kevin
Leave a comment on airishka's reply
Re: remove <b> tag from a table with a class
11 years ago
hmm... try this instead, so you dont have to modify this if you have to change the image later:
$('td.column_main:contains("NEW IN")').contents().each(function(){
var re = new RegExp(String.fromCharCode(160) + String.fromCharCode(160));
if ( re.test($(this).text()) || $(this).is('b:contains("NEW IN")') )
$(this).remove();
});
var re = new RegExp(String.fromCharCode(160) + String.fromCharCode(160));
if ( re.test($(this).text()) || $(this).is('b:contains("NEW IN")') )
$(this).remove();
});
it removes the <b> and any " " that it finds.
Re: Re: remove <b> tag from a table with a class
11 years ago
Hi again,
does anyone know a way of replacing a selected piece of html and replacing it with something I re write?
does anyone know a way of replacing a selected piece of html and replacing it with something I re write?
Leave a comment on Kevin B's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to kyazdani's question
{"z3125715":[14737000002184736],"z3123152":[14737000002184708,14737000002184726,14737000002184740,14737000002184738],"z5845236":[14737000002186347,14737000002186356,14737000002186389,14737000002186401,14737000002186413,14737000002186411,14737000002186426,14737000002186428,14737000002186430,14737000002188706],"z5263876":[14737000002182521,14737000002182549,14737000002182589,14737000002182620,14737000002182624,14737000002182628]}
Statistics
- 20 Replies
- 10798 Views
- 0 Followers