我有以下代码,它似乎在除IE8及更低版本以外的所有浏览器中都可以正常工作。
$("table.availability").each( function() {
var siteName = $(this).parent().siblings("h2").contents().filter(function() { return this.nodeType == Node.TEXT_NODE; }).text()
alert(sitename);
});
它获取元素的内容,并去除子元素中包含的所有内容,只留下该元素的文本。
我得到的错误说Node
是未定义的 - 所以我在 js 文件的顶部声明它,然后收到关于TEXT_NODE
的相同消息,所以我声明了这一点。然后我收到以下错误:
Unable to get property 'TEXT_NODE' of undefined or null reference
谁能帮我解决这个问题,或者谁能想到更好的方法来获得相同的结果。谢谢。
TEXT_NODE
常量的值为 3。你可以使用它:
return this.nodeType === 3;
旧版本的 IE 只是不实现 Node
接口,但它们仍然遵循 DOM 规范并分配正确的nodeType
属性值。
如果要使用"常量",可以自己声明一个Node
对象:
var Node = Node || {
ELEMENT_NODE: 1,
ATTRIBUTE_NODE: 2,
TEXT_NODE: 3
// etc... if you might need other node types
};
对于IE8及以下版本节点不起作用,将node
更改为window
对我有用。
我猜你的结构是这样的:
<h2>
text to filter
<span>other text</span>
</h2>
您正在尝试过滤掉 h2 中的"其他文本"?如果是这样 - 为什么不在您需要的文本周围添加另一个标签包装器,例如
<h2>
<span class="text-to-filter">text to filter</span>
<span>other text</span>
</h2>
并做到这一点:
$(this).parent().siblings("h2").find('.text-to-filter').text()