Get only visible text with jquery

Question

Lets say I have some html like this:

FoohiddenBar

In

Answer 1

create a clone, add it to the DOM (as pointed out by slindberg), remove all hidden elements, and then get the text :

var clone = $('#content').clone();

clone.appendTo('body').find(':hidden').remove();

var text = clone.text();

clone.remove();

FIDDLE