アンカータグでJavaScript機能が動作しないをクリック

Question

[評価]ボタンをクリックしてこの機能が動作しないのはなぜですか？ jQueryので

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

、それは$("#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>