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 bar baz“）？

$('test').textContent返回后者，并且innerHTML做相同。

我根本不在乎使用的方法是骇人还是迂回，如果它是浏览器特定的或需要Flash，可以处理它。

但是，除了JS或Flash之外，它不能要求任何其他任何用户交互，也不能返回'bar'。

想法？

Answer 1

你可以这样做，但要注意它不会有像你的榜样的空间，因为在标记没有空间：

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

这里有一个选择，就像你的例子为每个跨度间隔开：

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