如何将value属性设置为div标签？ [英] How do i set value attribute to a div tag?

问题描述

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

I have 3 boxes, when i click on each box i want to alert the attribute value of each box.

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

推荐答案

试试这个：

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

或者如果你想使用value属性：

Or if you want to use value attribute:

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

这篇关于如何将value属性设置为div标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！