Я пытаюсь назначить ярлык кнопке с использованием переменной в javascript

Question

Я читаю список воспроизведения и пытаюсь захватить информацию о названии для каждого элемента в списке воспроизведения и назначить заголовок кнопке в сетке, сделанной кнопок. Цель состоит в том, чтобы создать что-то вроде электронного руководства по программе, которое пользователь нажмет, а кнопка изменит то, что воспроизводится в главном окне воспроизведения. Я включил свой текущий код ниже. Любая помощь приветствуется.

спасибо.

<div align="Center" id="playerContainer"> 
<div id="nowplaying"></div> 
<script type="text/javascript"> 
jwplayer("nowplaying").setup({ 
playlist: "http://content.jwplatform.com/feeds/MFPT0wUf.rss", 
image: "http://content.jwplatform.com/thumbs/Wf8BfcSt-640.jpg", 
width: "580", 
height: "370", 
primary: "html5", 
advertising: { 
    client: "vast", 
    tag: "http://demo.tremorvideo.com/proddev/vast/vast2RegularLinear.xml" 
    } 
}); 
</script> 

<script type="text/javascript"> 
    var items = jwplayer().ge 
tPlaylist(), 
     allButtons = ''; //empty str 
    for(var i = 0; i < items.length; i++) { 
     console.log(items.title); 
    var singleButton = '<div class="buttons01"><button type="button">' + items[i].title + '</button></div>'; 
    allButtons += singleButton; 
    console.log(singleButton); 
    // console.log(allButtons); 
} 
    </script> 


</div> 

<p></p> 

Я хотел бы, чтобы иметь возможность автоматически изменять метку каждой кнопки ниже, вставив «название» значение из списка воспроизведения выше в «Title # Здесь идет» пространство ниже.

<div class="buttons"> 

<div class="buttons01"> 
<button id="Video01" align="center">Title 1 Goes Here</button> 
<button id="Video02" align="center">Title 2 Goes Here</button> 
<button id="Video03" align="center">Title 3 Goes Here</button> 
<button id="Video04" align="center">Title 4 Goes Here</button> 
<button id="Video05" align="center">Title 5 Goes Here</button> 
<button id="Video06" align="center">Title 6 Goes Here</button> 
</div> 

<div class="buttons02"> 
<button id="Video01" align="center">Title 7 Goes Here</button> 
<button id="Video02" align="center">Title 8 Goes Here</button> 
<button id="Video03" align="center">Title 9 Goes Here</button> 
<button id="Video04" align="center">Title 10 Goes Here</button> 
<button id="Video05" align="center">Title 11 Goes Here</button> 
<button id="Video06" align="center">Title 12 Goes Here</button> 
</div> 

</div> 

Answer 1

Не уверен, что именно то, что вы делаете, ваш код рода беспорядок, но может быть ...

var items = jwplayer().getPlaylist(); 
for(var i = 0; i < items.length; i++) { 
    document.getElementById("buttons0"+i).innerHTML = items[i].title; 
}