獲得從HTML按鈕屬性值

Question

我有以下李克特量表：

<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> 

我想通過訪問從腳本「VAL」屬性：

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

但這並不似乎工作。

注意：#fear是一個隱藏的變量

Answer 1

getAttribute的id是一個標準的DOM方法，但你試圖把它叫做一個jQuery對象。

既可以使用一個標準的DOM對象：

this.getAttribute('val') 

，或者使用了jQuery ATTR方法：

$(this).attr('val') 

---

注意val不是按鈕元件的有效屬性。改爲考慮data-val。

另一種方法是，避免首先在冗餘信息中添加額外的屬性。

$(this).text(); 

Answer 2

沒有元素具有ID 「恐懼」，檢查u必須將它們命名爲像fear1，fear2，fear3 ....

嘗試

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

Answer 3

正如@DimalChandrasiri建議，使用

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

Answer 4

試試這個：$('#fear').attr('val');