javascript - Remove hidden elements from cloned element -


there elements hidden in web page. if want find hidden elements:

var node =  jquery('body')[0]; $(node).find(":hidden").remove(); 

this removes hidden elements main node (which further changes layout of page). want copy(clone) elements not hidden. trying this:

var clone = node.clonenode(true); $(clone).find(":hidden").remove(); 

but removes elements inside clone , not hidden elements (as expected, since not in dom). what's best possible way remove hidden elements clone.

i assume issue until clone re-inserted dom, of being considered hidden.

maybe mark hidden elements removal first, clone , remove marked elements:

var $node = ... ; // jquery object of node cloned $node.find(':hidden').addclass('markedforremoval');  var $clone = $node.clone();  $clone.find('.markedforremoval').remove();  // tidy up: $clone.find('.markedforremoval').removeclass('markedforremoval'); $node.find('.markedforremoval').removeclass('markedforremoval'); 

demo: http://jsfiddle.net/byossarian/6ysq8/


Comments

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

c++ - Correct method for redrawing a layered window -

java.util.scanner - How to read and add only numbers to array from a text file -