在JQuery / JS中获取非自定义属性

Question

我将investing.com iframe嵌入到我的网站中，但是无法采用元素main-value属性中的汇率。

<div class="left instName js-col-pair_name afterGreenBg" main-value="5.7939">...</div>

我知道最好使用自定义data-*属性，但是此代码来自我无法控制的外部站点

有没有办法得到它？

Answer 1

我建议您使用自定义的data-*前缀属性，可以使用Element.dataset属性或jQuery的.data(key)方法轻松获取前缀属性

var elem = document.querySelector('.left');
console.log(elem.dataset.mainValue);


var element = $('.left');
console.log(element.data('mainValue'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="left instName js-col-pair_name afterGreenBg" data-main-value="5.7939">...</div>

---

否则，请使用getAttribute()本机方法或jQuery的.attr(attributeName)方法来获取属性值

var elem = document.querySelector('.left');
console.log(elem.getAttribute('main-value'));


var element = $('.left');
console.log(element.attr('main-value'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="left instName js-col-pair_name afterGreenBg" main-value="5.7939">...</div>