Сравнения значений масивов

261

13 октября 2017, 18:11

У нас есть несколько div с класом iteam, дальше нам нужно взять ключ у всех елементов iteam , после из базы берем значения id, после нам нужно сравнить id and 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>

Answer 1

function AutoBlock() {
  Base.forEach(function(element) {
    $(".iteam[key='" + element.id + "'] h2").text(element.h2);
    $(".iteam[key='" + element.id + "'] p").text(element.p);
  });
}