Delete items using "display: none"; for email using javascript

Question

I create email from a web page and take part of the page and put it in email. The problem is that there are elements in the code section with "display: none"; and some email clients do not recognize the display: none property, which then displays unwanted elements in the message.

I want to remove these elements using simple javascript which already removes elements with specific classes. Now I want to remove elements with certain styles, the styles are inline. I am using jquery with the site.

Answer 1

Use the selector :hidden :

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

Answer 2

  $("div[style*='display:none']").remove();