У нас есть несколько div
с класом iteam
, дальше нам нужно взять ключ у всех елементов iteam
, после из базы берем значения id
, после нам нужно сравнить id
и key
если они совпадают то отображать уже информацию в блоке! Всё работает к моменту сравнения, возможно из-за разных типов данных! Помогите решить проблему
var Base = [{
id: '0',
h2: 'Text1',
p: 'Text2'
},
{
id: '1',
h2: 'Text1',
p: 'Text2'
},
{
id: '2',
h2: 'Text1',
p: 'Text2'
}
];
//Функция добавляет Key ЕЛЕМЕНТУ
function AppInitial() {
$('.iteam').each(function(index) {
$(this).attr('key', index);
});
}
AppInitial();
//
function AutoBlock() {
//Получаем значения key
var key = $('.iteam').map(function(index) {
var key = $(this).attr('key');
return key;
});
//Получаем id из базы
var id = Base.map(function(element) {
var id = element.id;
return id;
});
//
Base.forEach(function(element) {
if (id == key) {
$(".iteam h2").text(element.h2);
$(".iteam p").text(element.p);
}
});
}
AutoBlock();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='iteam'>
<h2></h2>
<p></p>
</div>
<div class='iteam'>
<h2></h2>
<p></p>
</div>
<div class='iteam'>
<h2></h2>
<p></p>
</div>
<div class='iteam'>
<h2></h2>
<p></p>
</div>
Array.map
? w3schools.com/jsref/jsref_map.asp – Igor 12 окт '17 в 13:43