奇怪的行爲，jQuery的

Question

我有Chrome和Safari瀏覽器的問題：

代碼示例：

// Get all links with the same data-test attribute 
 
links = $('[data-test]'); 
 

 
//The issue is here: 
 
// This only works in Chrome, not in safari. 
 
var test = links[0].testProperty; 
 

 
// This works in Chrome and Safari. 
 
var test2 = $(links[0]).attr('testProperty'); 
 

 
console.log(test) 
 
console.log(test2)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" testProperty="valueTest1" data-test>Test1</a> 
 
<a href="#" testProperty="valueTest2" data-test>Test2</a> 
 
<a href="#" testProperty="valueTest3" data-test>Test3</a>

爲什麼Safari瀏覽器不允許links[0].testProperty？

Answer 1

這裏你的答案https://stackoverflow.com/a/15011028/7041168

通過的標準，你需要使用date-任何自定義屬性之前。

而要改變這個問題，最好使用Element.getAttribute("")屬性。

Answer 2

links[0]是一個DOM元素對象，它沒有屬性testPropety。

chrome和safari都不會定義該屬性。