在Onclick事件中获取标签属性

想要成为专家
<div style='padding:10px;border:1px solid #888;width:150px;' id='btnTest' data-id='1'>
    <label>
      <input type='checkbox' name='test1' />
      TEST1
    </label>
    <label>
      <input type='checkbox' name='test2' />
      TEST2
    </label>
</div>

<script>
$(function() {
  $('#btnTest').click(function(e){
    console.log($(e.target).attr('data-id'));
  })
});
</script>

在该测试代码中,如果我单击标签区域,我将无法获得data-id值,

即使单击该DIV标签中的另一个元素,也可以通过任何方式获取数据ID?

八ach
 $(this).attr('data-id');

e.target指的是单击的元素,这指的是绑定处理程序的元素。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Rails表单标签中获取onclick属性?

来自分类Dev

从标签python的onclick属性获取URL

来自分类Dev

如何使用 onclick 事件更改数据标签属性?

来自分类Dev

锚标签的OnClick事件

来自分类Dev

获取HTML元素的onclick事件的data- *属性

来自分类Dev

通过onclick事件获取asp:Hyperlink数据属性

来自分类Dev

在 onclick 事件中定义的标签,如“javascript:bSubmitted=true”

来自分类Dev

从映射的点击事件中获取属性

来自分类Dev

在父标签中获取图像的src属性

来自分类Dev

从 Instagram 标签中获取数据属性

来自分类Dev

布局不从合并标签中获取属性

来自分类Dev

img标签或锚标签上的onclick事件?

来自分类Dev

在ContentEditable更改事件的P标签中插入数据属性

来自分类Dev

如何获取嵌入HTML的SVG的onclick事件以显示在HTML中?

来自分类Dev

如何使用onClick事件获取json中id的数据

来自分类Dev

如何在Div组件的onclick事件中获取textnode

来自分类Dev

HashMap:在onClick事件(框架)中按键获取键值

来自分类Dev

小票:获取标签属性

来自分类Dev

PHP获取标签的属性

来自分类Dev

如何在html属性中的onclick事件上停止事件传播?

来自分类Dev

React中的OnClick事件

来自分类Dev

onclick事件中的引号

来自分类Dev

将带有孩子的onclick事件绑定到锚标记,并从锚获取属性数据

来自分类Dev

在Eloquent模型事件中获取先前的属性值

来自分类Dev

如何从Meteor中的click事件获取当前元素属性?

来自分类Dev

WPF:如何从模板引发的事件中获取控件的属性值

来自分类Dev

从事件处理函数中获取对象属性

来自分类Dev

在PHP中解析HTML:获取表onclick属性值

来自分类Dev

如何在JavaScript中获取选项标签的数据属性

Related 相关文章

热门标签

归档