javascript - 从 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();