将变量传递到警报中

Question

当将正确的字符串foo输入到.guess我试图从.clicks提取值并将其传递到警报中。 当我用当前代码加载页面时（下面），警报显示为Correct! You guessed it in clicks. Correct! You guessed it in clicks. 。 为什么clicks变量没有被传递？

谢谢

jQuery的：

$('.guess').keyup(function() { 
    if ($('.guess').val() == "foo") {
        var clicks = $('.clicks').val();
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

HTML：

<div class="bar">
    <h2 class="clicks">0</h2>
    <input type="text" class="guess" />
</div>

Answer 1

.val()主要用于获取表单输入元素的值。

我认为您想使用$(".clicks").text()或$(".clicks").html() ，这将返回"0" 。

Answer 2

$('.guess').keyup(function() { 
    if ($('.guess').val() == "foo") {
        var clicks = $('.clicks').text(); // .text() instead of .val()
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

Answer 3

$('.guess').keyup(function() { 
    if ($.trim( this.value ) == "foo") {
        var clicks = $('.clicks').text();
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

Answer 4

工作演示请点击这里:) http://jsfiddle.net/QSrWs/

请使用api： .text()

这将帮助您理解差异： val（）和text（）之间的差异

Val（）适用于输入元素（或任何具有value属性的元素？），而text（）不适用于输入元素。 Val（）获取输入元素的值-与类型无关。 Text（）获取所有匹配元素的innerText（不是HTML）：

希望这可以帮助，

码

$('.guess').keyup(function() { 
    if ($('.guess').val() == "foo") {
        var clicks = $('.clicks').text();//$('.clicks').val();
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});​