Получение нестандартного атрибута в JQuery / JS

Question

Я встроил iframe investing.com в свой сайт, но не смог взять курс, который в 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>