jquery keyup（）函数无法正常工作

Question

我是一个编程的初学者。我找不到什么问题。当我改变数字。它不是我想要的。

HTML：

<tr> 
<td><?php echo $food ;?></td> 
<td id="price"><?php echo $price ;?></td> 
<td><input type="text" value="1" id="num"></td> 
<td id="total">50</td> 
<td><a href="#">X</a></td> 
</tr> 

的jQuery：

$('#num').keyup(function(){ 
    var price = parseInt($('#price').val()); 
    var num = parseInt($('#num').val()); 
    price = price * num; 
    $('#total').html(price); 
}); 

Answer 1

尝试换你的事件函数在$(document).ready()，或页脚区域移动它们。

Answer 2

这将不会返回任何东西：

$('#price').val() // undefined 

#price是td元素。 td元素没有值。它，然而，有文字：

$('#price').text() // the value you echo from PHP 

Answer 3

<td id="price">是一个表格单元格，因此，当你正试图在这里做

var price = parseInt($('#price').val()); 

.val()方法用于input你不能访问其value， select和textarea元素，而不是td元素。根据你实际想要做的事情，你有几个选择。我建议使用.text而不是.val()。

此外，请注意，只有在加载了元素#num后，才需要拨打.keyup()。为了保证这一点，请使用$(document).ready()。全javascript代码如下：。

$(document).ready(function(){ 
    $('#num').keyup(function(){ 
     var price = parseInt($('#price').text()); 
     var num = parseInt($('#num').val()); 
     price = price * num; 
     $('#total').html(price); 
    }); 
});