JavaScript函數無法與錨點標記點擊

Question

爲什麼此功能不起作用當我點擊評分我按鈕？

function incrementValue(){ 
 
    var value = parseInt($("#rateme").value, 10); 
 
    value = isNaN(value) ? 0 : value; 
 
    value++; 
 
    $("#rateme").value = value; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li> 
 
    <a onclick="incrementValue()">Rate me</a><input type="text" id="rateme" value="50" /> 
 
    </li> 
 
</ul>

Answer 1

在jQuery中，這是$("#rateme").val()沒有$("#rateme").value，這對DOM元素不是jQuery的對象：

function incrementValue(){ 
 
    var value = parseInt($("#rateme").val(), 10); 
 
    value = isNaN(value) ? 0 : value; 
 
    value++; 
 
    $("#rateme").val(value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li><a onclick="incrementValue()">Rate me</a><input type="text" id="rateme" value="50" /></li>