JavaScript 函数不适用于 anchor 标记点击

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>