javascript - 获取类的值

Question

这个问题已经有答案了:

JQuery get the title of a button (10 个回答)

已关闭 5 年前。

为什么我可以用 # 得到 id 值，但不能用 .前任:$( button#${value} ).val() --> 有效

$( button.${value} ).val() --> 不起作用。

Answer 1

当您的 button 元素没有 value 属性时，val() 将返回空字符串。

但是，如果您将 value 属性添加到 button 元素中，它就会起作用，如以下代码片段所示:

var valueA = "a", valueB = "b";
console.log($(`button#${valueA}`).val());
console.log($(`button.${valueB}`).val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="a" class="b" value="hello">click</button>

或者，如果您以按钮的文本 (.text()) 为例，那么它也可以工作:

var valueA = "a", valueB = "b";
console.log($(`button#${valueA}`).text());
console.log($(`button.${valueB}`).text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="a" class="b" value="hello">click</button>