jquery - 如何为 div 标签设置 value 属性？

Question

我有 3 个框，当我单击每个框时，我想提醒每个框的属性值。

https://jsfiddle.net/aedzgu9v/

<div class="box" value="box1"></div>
<div class="box" value="box2"></div>
<div class="box" value="box3"></div>

.box{
  height: 80px;
  width: 80px;
  border: 2px solid blue;
  margin: 5px;
}

$('.box').on('click', function(){
    var value = $(this).val();
  alert(value);
});

Answer 1

只有表单控件具有合法的属性value，允许您使用val()...其他元素没有

我建议您改用 data- 属性并使用 data() 或 attr() 访问它

<div class="box" data-value="box1"></div>

JS

$('.box').on('click', function(){
    var value = $(this).data('value');
    alert(value);
});