javascript - CSS/JavaScript : get user-visible text of an element

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 baz”(而不是“foo bar baz”)？

$('test').textContent 返回后者，而 innerHTML 执行等效操作。

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

但是，除了 JS 或 Flash 之外，它不能需要任何其他内容，不能需要任何用户交互，并且不能返回“bar”。

想法？

Answer 1

您可以执行此操作，但请注意，它不会像您的示例那样有空格，因为标记中没有空格:

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

这是一个替代方案，就像您为每个跨度间隔的示例一样:

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