javascript - $this.text 和 $this.value 之间的区别以及为什么 1 返回空值？

Question

我对包含以下行的脚本有疑问(顶部现在已被注释掉)。它们在循环中对表单上的文本框进行求和。但是，运行时我得到:“未捕获类型错误:无法读取未定义的属性‘0’”。如果我注释掉底行并取消注释顶行，它就可以正常工作。

我仍然想保留替换功能，但我不知道如何去做。

total += $(this).text();

//difference and why the previous works, but the below returns null, but if

total += ($(this).all[0].value.replace(/\D/g, '')) * 1

编辑:应该提到这是我需要调试并发现此错误的东西。

Answer 1

.text()获取或设置元素内的文本。

例如:<p>Hello World</p>

console.log($('p').text())将返回Hello World

.value()不是 jquery 方法，而是使用 .val()

.val()用于获取或设置输入字段的值。

例如<input type="text">如果您想获取或设置输入的值，例如在表单提交时，您可以使用类似 $('input').val() 的值。