从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是隐藏变量的id

Answer 1

getAttribute是一个标准的DOM方法，但是您试图在jQuery对象上调用它。

要么使用标准DOM对象：

this.getAttribute('val')

或者使用jQuery attr方法：

$(this).attr('val')

注意，val不是按钮元素的有效属性。考虑一下data-val。

另外，首先要避免添加带有冗余信息的额外属性。

$(this).text();

Answer 2

没有一个元素有id“恐惧”，请检查你给它们取名为fear1，fear2，fear3 .

试一试

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

Answer 3

试试这个：$('#fear').attr('val');