獲得一個類的價值

Question

爲什麼我可以用＃獲得一個id值，但不能獲得類值。 例如： $（button#${value}）.VAL（） - >工作

$（button.${value}）.VAL（） - >不起作用。

Answer 1

JQ選擇器從DOM中選擇一個對象，並試圖獲取該對象的值。在這種情況下，您選擇了一個沒有值的對象。

Answer 2

當您的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>