如何从自定义数据标签的数据jQuery中

问题描述：

我试图摆脱自定义标签“数据tabval”的数据，但我无法得到它如何从自定义数据标签的数据jQuery中

<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”）获得jQuery的属性值。ATTR（ '数据tabval'）'。 –

'var value = $（“＃val”）。attr（“data-tabval”）;' – user5014677

因为你使用的是Angularjs，所以你可以尝试使用这个指令，并用'function link（scope，element ，attrs）' –

答

可以门自定义属性值，该代码示例：

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

而其他属性或自定义属性

它不能正常工作 –

请再次查看代码我将jQuery替换为'$'符号您可以查看此链接：https://jsfiddle.net/sayed021/0502t3ts/2/但这并不重要，我希望您另一个问题。因为我的代码还在工作。 –

问题是，当我在HTML页面中写入js时，它正在工作，但是当我在单独的JS文件中写入时，它给了我在控制台日志中未定义的值。 –

答

这里是您的要求的代码片段：

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

答

你可以简单地使用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'）; console.log（val）; 所以在控制台日志中运行此代码它显示''''未定义'' –

如何从自定义数据标签的数据jQuery中

相关推荐