jQuery - 选择所有<span>元素并删除其文本</span>

时间:2011-09-23 02:06:02

标签: jquery jquery-selectors

Hello guys,我花了大约二十分钟徒劳地寻找答案,需要你的帮助。关于如何使用jQuery选择元素有成千上万的请求帮助 - 但是每个人都想要处理某种条件,即只在页面上的某个Y位置选择具有特定ID的锚。

我有一个简单的请求。如何选择页面上的所有 <span>元素并删除其文字?

看到的是,我有一个表单,我有<spans>。当我单击“清除按钮”输入时,所有字段都将恢复为默认值(当然)。但我希望span元素删除其文本。

上面的<html>很简单:

<input type="reset" value="Clear form" name="Clear Button" class="clear">

我的jQuery:

/* Clear form - used to revert all Spans back to normal */
$('#Clear Button').click(function(){
        $('span').val('');

});

因此,重置效果起作用,因为它是DOM / HTML。但我的jQuery很遗憾。

谁能告诉我出了什么问题?我的脚本是在Button声明之后,如果有帮助的话。

2 个答案:

答案 0 :(得分:12)

您的问题在于您的按钮选择器。您没有选择按钮。请改用:

/* Clear form - used to revert all Spans back to normal */
$('input[name="Clear Button"]').click(function(){
        $('span').text('');
});

或者使用$('input[type="reset"]'),如果那是唯一的那个......

答案 1 :(得分:1)

您是否将jquery.js文件提取到代码中, 并确保何时引用跨度 而不是留下“”(空白)使用 函数$('span')。隐藏 希望我帮助