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＆＃34;恐惧＆＃34;，检查你是否将它们命名为fear1，fear2，fear3 ....

尝试

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

Answer 3

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

Answer 4

根据@DimalChandrasiri的建议，使用

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

从html按钮属性获取值

4 个答案: