为什么 val() 不返回 <button value= "value" > 的值？

Question

我读到val((返回输入元素的值，但在我的代码中它不起作用。什么

<script>
$(document).ready(function(){
var a = $("button").val();
alert(a)
});
</script>

<button value="text"/>

提前感谢

Answer 1

使用按钮元素并调用.html((

<button> value </button>

或者使用input元素并调用.val((

<input type="button" value="value"/>

然后作为访问它们

// jquery
<script>
$(document).ready(function(){
var btn = $("button").html();
var inp = $("input").va();
alert('button: '+btn) 
alert('input: '+inp)
});
</script>
//html
<button>value1</button>
<input type="button" value="value2"/>

Answer 2

最可能的原因是，必须有额外的按钮元素
但是，在你的问题中，你只给出了一个按钮
使用jQuery的最佳方式是为您想要操作/访问的每个元素提供id/class
在您的示例中，给出id并检查结果

<button id="uniqueIdNotGivenToAnotherElement" value="text"/>

(注意，相同的"类"可以赋予多个元素，但要操作它们，需要使用另一种方法(

<script>
$(document).ready(function(){
var a = $("#uniqueIdNotGivenToAnotherElement").val();
alert(a);
});
</script>