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

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

https://jsfiddle.net/aedzgu9v/

.box{ height: 80px; width: 80px; border: 2px solid blue; margin: 5px; } $('.box').on('click', function(){ var value = $(this).val(); alert(value); });

试试这个:

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

或者,如果要使用value属性:

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

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

我建议你切换到使用data-属性并使用data()attr()访问它

 

JS

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