Question

当我进行以下比较时，我得到假，尽管val（）和value在视觉上显示相同的值：12

if ($(this).val() == txt.value)//returns false

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

Answer 1

执行typeof以了解您的值的类型。

console.log(typeof $(this).val());
console.log(typeof txt.value);

当使用.val()之类的修剪空格时，jQuery可能会改变这些值。为确保您可以避免使用val()。

this中的.each()以及第二个参数是每次迭代的DOM元素。你可以get the value of the option directly：

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

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

"12"    ==  12  // true
" 12  " ==  12  // true; tested on Firefox 20 (nightly)
"12"    === 12  // false

此时，我们已经除去了所有可想到的陷阱。如果没有，两者都可能是完全不同的值。

Answer 2

我觉得有必要写下这样的评论，我发现这些评论非常有用，在这里花了很多时间。所以我的问题是：

('#mySelect option').each(function({
  if ($(this).val() == txt.value)
    return;
});
alert('Code still continues');

虽然条件$（this）.val（）== txt.value的结果为true，但每个循环后的代码仍然执行。这就是为什么我认为这两个值不匹配的原因。但如果它在这种情况下发出警报。这意味着每个循环中“返回”行为的错误。我最近才明白，尽管return会在每个循环中停止执行代码，但它并不会阻止代码在每个块之后执行。因此，为了实现jquery每个循环内部的完整函数返回，我们似乎必须放置一个标志并根据此标志决定是否返回每个循环。以下代码对我有用：

var shouldContinue = true;
('#mySelect option').each(function ()
{
    if ($(this).val() == txt.value) {
        shouldContinue = false;
        return (false);
    }
});
if (!shouldContinue)
    return;

注意迭代内部返回（false）。这意味着，如果条件为真，则继续迭代并离开循环。

如何比较jQuery val（）和JavaScript值

2 个答案: