Question

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.

Was it helpful?

Solution

Use the :hidden selector:

$(":hidden").remove();

OTHER TIPS

  $("div[style*='display:none']").remove();
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow