Question

如何给html元素的onclick事件传递参数？如何获取html标签的data？

Answer 1

某些非text元素，如a、button等用于触发时间的标签可已将要传的数据放在一个属性中，如data，这个属性必须是不影响样式的，可以使用任意非html定义的名字命名属性，然后将数据传到属性中。

具体可以按照如下程序设置：

<button data="123" id="but" onclick="fun()">按钮</button>

然后通过attr这个方法获取属性内容$('#but').attr('data')

其实完全可以直接写在onclick里作为参数

<button onclick="fun(123)">按钮</button>

如果使用id触发方法，还可以直接用this选择

<button data="123" id="but" >按钮</button>

$('#but').on('click', function(){

var val = $(this).attr('data');

})