Question

我有3个盒子，当我点击每个盒子时，我想提醒每个盒子的属性值。

<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);
});

Answer 2

请改为尝试：

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

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

或者如果您想使用值属性：

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

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

2 个答案: