I'm generating a email from a web page and taking a section of the page and putting it into the email. The problem is the section of code has elements with "display: none;" and some email clients don't recognise the display:none property which then displays unwanted elements in the email.
I want to remove these elements using some simple javascript i already remove elements with certain classes now i want to remove elements with certain styles, the styles are inline. I'm using jquery with the site.
I'm generating a email from a web page and taking a section of the page and putting it into the email. The problem is the section of code has elements with "display: none;" and some email clients don't recognise the display:none property which then displays unwanted elements in the email.
I want to remove these elements using some simple javascript i already remove elements with certain classes now i want to remove elements with certain styles, the styles are inline. I'm using jquery with the site.
Share Improve this question edited Dec 31, 2011 at 14:07 Lightness Races in Orbit 386k77 gold badges666 silver badges1.1k bronze badges asked Jan 27, 2010 at 10:01 NicNic 531 silver badge3 bronze badges 1- 1 Just FYI (since you're new here), it's best practice to accept an answer (by clicking the tick next to it) if one sufficiently answers your question. Feel free to wait for one that does or to ask for clarifications, etc in ments. – cletus Commented Jan 27, 2010 at 10:26
2 Answers
Reset to default 7Use the :hidden selector:
$(":hidden").remove();
$("div[style*='display:none']").remove();