2013-10-08 2 views
-1

Как бы напечатать значения «title» и «firstname» из этой переменной в div?Печать значений из переменной JS в div

var relationshipList = [ 
    { name: 'William Cotterll',   firstname: 'William', title: 'EVP Solutions' }, 
    { name: 'Edwin Van Der Saar',   firstname: 'Edwin', title: 'Security Specialist' }, 
    { name: 'Kelly Woodson',    firstname: 'Kelly', title: 'Production Manager'},    
]; 

EDIT:

Если бы я хотел, чтобы распечатать «ПгвЬЫате» значение, когда я уже знал, что «название» значение, как я мог достичь этого?

Например, я хочу распечатать первое имя, когда заголовок == 'EVP Solutions'.

+0

Путем манипулирования элементом (например, атрибутом '.interText'). Если элемент еще не существует, его необходимо создать в первую очередь. – Zeta

+0

Прокрутите массив и используйте свойство 'innerHTML' div, чтобы добавить нужные значения. –

+2

Итерации по массиву с использованием цикла. Что вы пробовали? – Moob

ответ

0

Даже если я получил -1 по какой-то причине для задавая вопрос,

Я думаю, что я понял это,

  var Chkr; 
      Chkr = relationshipList; 
      if(relChkr[1].title == 'EVP Solutions'){ 
       console.log(relChkr[1].name); 
      }else{ 
       console.log(''); 
      }; 

Не идеально, но я могу бросить его в div сейчас, так что все хорошо.

+1

У вас есть -1 в то время, потому что вы не показывали, что вы пытались сделать или с чем у вас возникла определенная проблема. – haylem

1
var toInsert = ''; 

for (var i = 0, l = relationshipList.length; i < l; i++) { 
    toInsert += relationshipList[i].title + ' '; 
    if(relationshipList[i].title == 'EVP Solutions'){ 
     toInsert += ', ' + relationshipList[i].firstname + ' '; 
    } 
} 

document.getElementById('#yourDivId').innerHTML = toInsert; 

EDIT: Я добавил функциональные возможности, которые вы добавили в вашем редактировать

+0

Большое спасибо Джимми. – Daft

+0

Нет проблем. Если правильная отметка является правильной: – lukaleli

+0

В зависимости от того, откуда поступают данные, вы должны применять правильное экранирование или использовать 'textContent' –

Смежные вопросы