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); 
    }); 
});