Как распарсить ajax?

Question

[SerhiiSkachkov]

Есть 3 аякс запроса в цикле каждый из циклов вывод валюты, меняет урлы.
Есть три дива с именами масива и дата атрибутами , не важно вообщем. Как вывеси обекты в преднозначенный для валюты див ?????
Или как обратиться к дата атрибуту в не success:

$(document).ready(function () {

	var coin = ['BTC', 'ETH', 'LTC'];

	$(function() {

		$('#currency-list').change(function() {
			var curVal = $("#currency-list option:selected").val();

				$(function() {

					for (var i in coin) {

						var response = $.ajax({
					 		url: 'https://apiv2.bitcoinaverage.com/indices/global/ticker/' + coin[i] + curVal,
					 		dataType: 'json',
					 		success: function(data) { 

					 			var price = data.changes.price,
									percent = data.changes.percent,
									hours = $('<span>', { class: "list-item-hour", text: price.hour});
									var box = $("div [data-" + coin[i] +"]");
					 			

					 			

							 },
							 error: function (jqXHR, exception) {
							    console.log('error')
							 }

						});
		
					};
					
				});
			});
		});
});

Comments

[Ihor Bratukh]

Зачем Вам 3 document.ready ?

$(document).ready(function () {
    $(function() {
        $(function() {

        });
    });
});

[Ярослав Иванов]

BRAGA96, чтоб наверника.

Answer 1

[Ihor Bratukh]

От нечего делать написал Вам jQuery плагин с ним будет намного проще.

Вот что требуется написать c вашей стороны.:
HTML
<div class="crypto"></div>

JAVASCRIPT

var $crypto = $('.crypto').btcav({
	crypto: ['BTC', 'ETH', 'LTC'],
	currency: 'USD',
	sort: {
		key: 'open.day',
		order: 'desc'
	},
	show: function(data) {
		return `
			<div class="item">
				<span class="item-name">${data.symbol}</span>
				<span v-trand class="item-price">$${data.open.day}</span>
			</div>
		`;
	}
});

Вот что вставится в DOM:
HTML

<div class="crypto">
	<div class="item">
		<span class="item-name">BTC</span>
		<span class="item-price up">$7016.04</span>
	</div>
	<div class="item">
		<span class="item-name">ETH</span>
		<span class="item-price up">$281.6768</span>
	</div>
	<div class="item">
		<span class="item-name">LTC</span>
		<span class="item-price up">$62.1099</span>
	</div>
</div>

Вот пример на codepen с демонстрацией всех "фишек" таких как шаблонизатор и хранилище store.

Comments

[SerhiiSkachkov]

Спасибо вом большушее.Вы мне очень помогли.
Ничего себе это вы се написали???

[Ihor Bratukh]

SerhiiSkachkov, да, просто скушно в отпуске, устал отдыхать, хотелось что-то написать)
Незачто, если что спрашивайте, там много функционала, документацию писать не хочется.

Answer 2

[Виталий]

$(document).find('some_selector') ?