jquery - 将值放入元素中

Question

<script>
$(document).ready(function(e) {
    $('.btn').click(function(){
        alert($(this).val());   
    });
});
</script>
<style>
.btn{width:20px; height:20px; background:red;}
</style>

<div class="btn" value="a"></div>
<div class="btn" value="b"></div>
<div class="btn" value="c"></div>

我有很多 div 按钮使用循环从数据库创建。

我正在尝试检测每个按钮的值。所以当用户点击时，我可以从按钮获取值。

我的问题是，有什么方法可以将值设置到元素中吗？或者还有其他选择吗？

如果我使用隐藏输入类型，则其不可见，如果我使用输入类型按钮，则会显示文本值。

Answer 1

Div 元素不能有值。这些用于表单控件。

如果您想在属性中存储任意数据，请使用 data-属性。

<div class="btn" data-letter="a"></div>

和

alert($(this).data('letter'));

<小时/>

也就是说，如果您想要一个按钮，请使用 <button> 。浏览器知道它们是交互元素。它们告诉用户它们是交互元素。人们可以集中注意力。屏幕阅读器将宣布它们。您可以为它们的功能提供服务器端后备。

<button value="a">What does this button do?</button>

然后你可以使用.val() ，因为按钮是表单控件。