如何比较jQuery val()和JavaScript值

Mik*_*yev 3 javascript jquery html-select html-input

当我进行以下比较时,我得到假,尽管val()和值在视觉上显示相同的值:12

if ($(this).val() == txt.value)//returns false
Run Code Online (Sandbox Code Playgroud)

当我同时提醒$(this).val()和txt.value时,我得到12.其中一个是字符串,另一个是int吗?如果是这样,哪一个是什么?

Jos*_*eph 8

做一个typeof知道你的价值观的类型.

console.log(typeof $(this).val());
console.log(typeof txt.value);
Run Code Online (Sandbox Code Playgroud)

当使用.val()应该存在的类似修剪空白时,jQuery可能已经改变了值.为了确保,您可以避免使用val().

将this在.each()以及第二个参数是每次迭代的DOM元素.你可以直接获得价值option:

$('select > option').each(function(i,el){
   //we should be getting small caps values
   console.log(this.value);
   console.log(el.value);
});
Run Code Online (Sandbox Code Playgroud)

使用松散比较(==)时,数字12和字符串12应该相同.更令人惊讶的是,即使字符串周围有空格也是如此.但是通过严格的比较(===),它们不应该是:

"12"    ==  12  // true
" 12  " ==  12  // true; tested on Firefox 20 (nightly)
"12"    === 12  // false
Run Code Online (Sandbox Code Playgroud)

在这一点上,我们已经除去了所有可想到的陷阱.如果没有工作,首先两者可能是完全不同的值.

  • 调用`.val()`时jQuery不会修剪空格,但会用'''`替换`/\r/g`,或者返回null值为'''` (2认同)