如何从jquery中的自定义数据标签中获取数据[重复]答案

【问题标题】：how to get the data from custom data tag in jquery [duplicate]如何从jquery中的自定义数据标签中获取数据[重复]
【发布时间】：2018-03-29 03:35:04
【问题描述】：

我正在尝试从自定义标签“data-tabval”中获取数据，但无法获取它的值

<a href="#angular_code" role="tab" id="angular_code-tab" data-toggle="tab" aria-controls="angular_code">
   <span id="val" data-tabval="{{ tp }}" class="text">{{ tp }}</span>
</a>

angular_code: 表示有一些角码我想要 'data-tabval' 的值到 jquery 中

我从早到晚尝试了很多方法，但没有得到具体的结果。如果有人可以帮助我，请帮助我

【问题讨论】：

可以通过$("#val").attr('data-tabval')获取jquery中的属性值。
var value = $("#val").attr("data-tabval");
由于您使用的是 Angularjs，因此您可以尝试为此使用指令并使用 function link(scope, element, attrs) 选择您的属性

标签： jquery angularjs custom-data-attribute

【解决方案1】：

你可以 Gate 自定义 Attribute 值这个代码示例：

$("a").click(function(event) {
      alert($(this).attr("aria-controls"));
      alert($(this).attr(" data-toggle"));
});

其他属性或自定义属性

【讨论】：

它不工作
请再次查看代码我将 jQuery 替换为 '$' 符号您可以看到此链接：jsfiddle.net/sayed021/0502t3ts/2 但没关系，我希望您的另一个问题。因为我的代码还在工作。
问题是当我在 HTML 页面中编写 js 时它正在工作，但是当我在单独的 JS 文件中编写时，它在控制台日志中给我 undefined。
请分享您的信息

【解决方案2】：

这是满足您要求的代码 sn-p：

var value = $("#val").attr("data-tabval");

【讨论】：

【解决方案3】：

您可以简单地使用 jquery .attr 来获得所需的输出。

console.log($("#val").attr('data-tabval'))

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#angular_code" role="tab" id="angular_code-tab" data-toggle="tab" aria-controls="angular_code">
   <span id="val" data-tabval="test123" class="text">test here</span>
</a>

【讨论】：

我不知道为什么，但出于某种原因执行 console.log($("#val").attr('data-tabval'));在控制台中显示未定义。
你是在说你的代码结果吗？
{a tp a} 这是我的实际代码..现在我该代码我应用了这条 jquery 行 var val = $('#val').attr('data-tabval');控制台.log(val);因此，在控制台日志中运行此代码时，它会向我显示 'val' 的 'undefined'
问题是当我在 HTML 页面中编写 js 时它正在工作，但是当我在单独的 JS 文件中编写时，它在控制台日志中给了我未定义的信息。
您能展示一下您是如何在代码中注入 js 的吗？否则您可能需要将 console.log 包含到文档中准备就绪！