获得从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');