CSS/JavaScript: получить пользователем видимый текст элемента

Question

Предположим, что у меня есть следующий HTML:

<div id="test"> 
    <span style="display:inline;">foo</span> 
    <span style="display:none;">bar</span> 
    <span style="display:inline;">baz</span> 
</div> 

.. есть какой-то способ в JavaScript для меня, чтобы получить на выходе «Foo Баз» (не " foo bar baz ")?

$('test').textContent возвращает последний, а innerHTML делает эквивалент.

Меня не волнует, если используемый метод хакерский или окольный, и может иметь дело с ним, если он зависит от браузера или требует Flash.

Однако он не должен требовать ничего, кроме JS или Flash, он не должен требовать какого-либо взаимодействия с пользователем, и он не должен возвращать «бар».

Идеи?

Answer 1

Вы можете сделать это, но учтите, что не будет иметь место, как ваш пример, потому что нет места в разметке:

$("#test :visible").text() 

Вот альтернатива, как ваш пример разнесены для каждого диапазона :

var s = new Array(); 
$("#test :visible").each(function() { 
    s.push($(this).text()); 
}); 
alert(s.join(' '));