Get Wert von html-Taste Attribute

Question

Ich habe folgende likert Skala:

<div class="btn-toolbar" role="toolbar" aria-label="..."> 
    <div class="btn-group" role="group" aria-label="..."> 
    <a class="btn btn-link disabled" disabled style="width:10px">Not<br />Fearsome</a> 
    <button id="fear1" type="button" name="gender" class="btn btn-default likert-1" val="0">1</button> 
    <button id="fear2" type="button" name="gender" class="btn btn-default likert-2" val="1">2</button> 
    <button id="fear3" type="button" name="gender" class="btn btn-default likert-3" val="2">3</button> 
    <button id="fear4" type="button" name="gender" class="btn btn-default likert-4" val="3">4</button> 
    <button id="fear5" type="button" name="gender" class="btn btn-default likert-5" val="4">5</button> 
    <a class="btn btn-link disabled" disabled style="width:10px">Extremely<br />Fearsome</a> 
    </div> 
</div> 

ich aus einem Skript, indem Sie das Attribut ‚val‘ zuzugreifen versuche:

$('#fear').val($(this).getAttribute('val')); 

aber nicht scheinen zu arbeiten.

Hinweis: #fear ist die id einer verborgenen Variable

Answer 1

getAttribute ist ein Standard-DOM-Methode, aber sie versuchen, es auf einem jQuery-Objekt aufzurufen.

entweder ein Standard-DOM-Objekt verwenden:

this.getAttribute('val') 

oder jQuery Methode attr verwenden:

$(this).attr('val') 

---

anzumerken, dass für die Schaltfläche val Element keine gültige Attribut ist. Betrachten Sie stattdessen data-val.

Alternativ, vermeiden Sie das Hinzufügen eines zusätzlichen Attributs mit redundanten Informationen an erster Stelle.

$(this).text(); 

Answer 2

keine der Element-ID "Angst", überprüfen u sie wie fear1, FEAR2, fear3 genannt haben ....

versuchen

$(this).attr('val'); 

Answer 3

Wie @DimalChandrasiri vorgeschlagen, verwenden

$(this).attr('val') or $('#fear').attr('val') 

Answer 4

Versuchen Sie folgendes: $('#fear').attr('val');