Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮可创建警报以显示数据id属性_Javascript_Jquery - Fatal编程技术网

Javascript 单击按钮可创建警报以显示数据id属性

Javascript 单击按钮可创建警报以显示数据id属性,javascript,jquery,Javascript,Jquery,我有一个这样的按钮: <button data-id="1" onclick="showID()">Show ID</button> 但还是没什么…试试这个 函数显示按钮{ 警报$button.attr'data-id'; } Show ID试试这个 函数显示按钮{ 警报$button.attr'data-id'; } Show ID$在单击函数中,这表示在sloppy模式下是全局的,或者在strict模式下是未定义的 您需要这样做: <button data

我有一个这样的按钮:

<button data-id="1" onclick="showID()">Show ID</button>
但还是没什么…

试试这个

函数显示按钮{ 警报$button.attr'data-id'; } Show ID试试这个

函数显示按钮{ 警报$button.attr'data-id'; } Show ID$在单击函数中,这表示在sloppy模式下是全局的,或者在strict模式下是未定义的

您需要这样做:

<button data-id="1" onclick="showID(this)">Show ID</button>

<script>
  function showID(elem) {
   alert(($(elem).data("id")));
  }
 </script>
$this在click函数中表示在sloppy模式下为global,在strict模式下为undefined

您需要这样做:

<button data-id="1" onclick="showID(this)">Show ID</button>

<script>
  function showID(elem) {
   alert(($(elem).data("id")));
  }
 </script>
目前,这不会为您提供正确的值,您的代码应该是这样的:

<button data-id="1" onclick="showID(this)">Show ID</button>
然后

目前,这不会为您提供正确的值,您的代码应该是这样的:

<button data-id="1" onclick="showID(this)">Show ID</button>
然后

这不是你正在尝试的方式

单击后传递此消息

看看这个

下面是片段

函数showIDele{ 警报$ele.attrdata-id; } Show ID这与您尝试的方式不一样

单击后传递此消息

看看这个

下面是片段

函数showIDele{ 警报$ele.attrdata-id; }
Show ID这里有一个示例,您必须将ID传递给按钮标签中的函数:


这里有一个示例,您必须将id传递给按钮标记中的函数:


回答得好。通过提供一个jQueryOnClick示例进一步启发OP。回答得好。通过提供jQuery onclick.Thankyou的示例,进一步启发OP。然后我可以给数据id一个变量并输出它吗?谢谢。然后我能给数据id一个变量并输出它吗?可能重复的可能重复的
<script>
  function showID(e) {
  alert(($(e).data("id")));
  }
</script>