javascript - 使用 jQuery 选择子文本

Question

我的结构如下:

<form>
    <input type="text" />
    <input type="text" />
    ...
    <input type="radio" />
    <input type="whatever" />
    Here I have some text
</form>

我无法更改 HTML 的结构。我需要通过 Javascript 删除表单内的文本，问题是选择它，因为它没有包含在任何标签内。

我使用 jQuery 的解决方案(实际上更多的是 hack)如下

$('form').contents().filter(function(){
    return (this.toString() == '[object Text]')
}).remove();

但它不是很健壮。特别是它在 IE(所有版本)上失败，其中 this.toString() 应用于文本 block 返回文本本身。我当然可以尝试

$('form').contents().filter(function(){
    return (this.toString() != '[object]')
}).remove();

但我正在寻找更好的解决方案。

How am I supposed to remove the text?

使用 jQuery 或纯 Javascript 的解决方案都对我有好处。

Answer 1

您过滤 this.nodeType == Node.TEXT_NODE。看看this answer .