Wert einer Klasse erhalten

Question

Warum kann ich einen ID-Wert mit # erhalten, kann aber keinen Klassenwert mit bekommen. ab: $ (button#${value}) .val() -> arbeitet

$ (button.${value}) .val() -> funktioniert nicht.

Answer 1

Der JQ-Selektor wählt ein Objekt aus dem DOM aus, und Sie versuchen, den Wert dieses Objekts abzurufen. In diesem Fall haben Sie ein Objekt ohne Wert ausgewählt.

Answer 2

Wenn Ihr button Element keine value Eigenschaft hat, gibt val() die leere Zeichenfolge zurück.

Aber wenn Sie ein value Attribut auf Ihr button Element setzen funktioniert es, wie dieser Ausschnitt zeigt:

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>

Oder, wenn Sie zum Beispiel nehmen den Text der Schaltfläche (.text()), dann funktioniert es auch:

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>