Javascript JQuery onclick数据属性“未定义”

Javascript JQuery onclick数据属性“未定义”,javascript,jquery,html,Javascript,Jquery,Html,在使用onclick=javascript语法时,我遇到了从输入中提取数据属性的问题 以下是我正在尝试的一部分: 我希望能够通过onclick操作提取'data section'的值。但在我的例子中,它总是没有定义 $'testOut'.valTEST测试; 函数测试选择器{ var测试=选择器。数据“部分”; 警报测试; } 您需要引用当前事件。在测试函数上下文中,这是指窗口,而不是DOM元素 $'testOut'.valTEST测试; 功能测试{ var test=$event.curr

在使用onclick=javascript语法时,我遇到了从输入中提取数据属性的问题

以下是我正在尝试的一部分:

我希望能够通过onclick操作提取'data section'的值。但在我的例子中,它总是没有定义

$'testOut'.valTEST测试; 函数测试选择器{ var测试=选择器。数据“部分”; 警报测试; }
您需要引用当前事件。在测试函数上下文中,这是指窗口,而不是DOM元素

$'testOut'.valTEST测试; 功能测试{ var test=$event.currentTarget.data'section'; 警报测试; }
如果函数在窗口对象中传递,则需要细化所传递的内容

为了获取数据节属性,可以对元素使用.getAttribute方法。它的工作原理与.setAttribute类似

功能测试{ var测试=$btn.attrdata-section; 警报测试; }
在您的示例中,此函数不接收任何参数。。。您可以使用单击处理程序并选择输入。或者按照你的代码,你把对象作为参数传递,就像你在这些答案中看到的一样,有很多不同的答案可以做到:我对他们两个都投了票。。。
<div>
  <input onclick="Test();" type="button" value="test" data-section="thisSection"/>
</div>

function Test(){
var test = $(this).data('section');
alert(test);
}