Заменить текст XML

Question

Я пытаюсь создать видео-сайт, на котором есть ряд изображений вверху, каждый из которых представляет собой видеофайл и ниже, местозаполнитель для видео и заголовка. При нажатии этих изображений мне нужно их изменить видеофайл, а также заменить заголовок. Есть еще 50 видеороликов, поэтому лучше всего будет перечислять названия в файле XML и загружать заголовки оттуда? И если да, то какой лучший способ это сделать?

Приветствие

Answer 1

Это будет гораздо лучше иметь название видео в формате JSON:

videoTitles = ['Title 1', 'Title 2', ...]; 

$.each(videoTitles, function(n, title) { 
    // Do something with the title 
}); 

Вы также можете легко использовать $.getJSON читать заголовки из службы.

Для изменения названия, вы можете использовать HTML, как это:

<div class="video-thumbnail" title="Video Title 1"><img src="video thumbnail 1" ></div> 
<div class="video-thumbnail" title="Video Title 2"><img src="video thumbnail 2" ></div> 

Атрибут название может быть заселена Javascript или серверного сценария. Затем в jQuery:

$(".video-thumbnail").click(function() { 
    var titleClicked = $(this).attr("title"); 
    $("#SelectedVideoTitle").html(titleClicked); 
});