获得一个阶级的价值

Question

为什么我可以使用＃获取id值但不能获得类值。 例如： $（button#${value}）。val（） - ＆gt;作品

$（button.${value}）。val（） - ＆gt;不起作用。

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>

Answer 2

JQ选择器从DOM中选择一个对象，并且您正在尝试获取该对象的值。在这种情况下，您选择了没有值的对象。