如何從自定義數據標籤的數據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中

我已經嘗試了許多方法從早到晚，但沒有得到具體的結果。如有任何人都可以幫助我

來源

2017-10-17 Shubham Trivedi

您可以通過全光照'$（「＃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")); 
});

而其他屬性或自定義屬性

來源

2017-10-17 12:39:14

它不能正常工作 –

請再次查看代碼我將jQuery替換爲'$'符號您可以查看此鏈接：https://jsfiddle.net/sayed021/0502t3ts/2/但這並不重要，我希望您另一個問題。因爲我的代碼還在工作。 –

問題是，當我在HTML頁面中寫入js時，它正在工作，但是當我在單獨的JS文件中寫入時，它給了我在控制檯日誌中未定義的值。 –

這裏是您的要求的代碼片段：

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

來源

2017-10-17 12:39:17

你可以簡單地使用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>

來源

2017-10-17 12:39:48

我不知道爲什麼，但由於某種原因執行console.log（$（「＃val」）。attr（'data-tabval'））;在控制檯中顯示未定義。 –

你在說你的代碼結果嗎？ –

{a tp a} 這是我的實際代碼..現在我知道我應用這個jQuery代碼的代碼 var val = $（'＃val'）。attr（'data-tabval'）; console.log（val）; 所以在控制檯日誌中運行此代碼它顯示''''未定義'' –

如何從自定義數據標籤的數據jQuery中

回答

相關問題