JavaScript函数无法与锚标记一起使用

Question

Why this function is not working when i click on the Rate me button?

 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

In jQuery, it's $("#rateme").val() not $("#rateme").value , that's for DOM elements not jQuery objects:

 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>