Используйте переменную как текст

Question

У меня есть видео-воспроизведения, где видео экр создается в JavaScript:

video[0].src = video_url; 

Теперь я хочу использовать переменную «VIDEO_URL», как мой текст описания

<td id="description"></td> 

Таким образом, в HTML он должен выглядеть

<video src="video01.mov"></video> 
<td id="description">video01.mov</td> 

Я пытался сделать это с помощью следующего кода:

$('#description').append(video_url); 

Но теперь каждый раз, когда я нажимаю на моей следующей или предыдущей кнопки для загрузки следующего видео JQuery добавляет следующее имя к моему тд, вместо того, чтобы просто взять имя текущего Src:

<video src="video05.mov"></video> 
<td id="description">video01.movvideo02.movvideo03.movvideo04.movvideo05.mov</td> 

Как это возможно что jquery использует только ТЕКУЩЕЕ имя src? Благодарим за помощь!

Answer 1

Вместо

$('#description').append(video_url); 

Попробуйте

$('#description').html(video_url); 

ИЛИ

$('#description').text(video_url); 

Проблема в вашем случае является то, что .append() только добавить значения к существующему значению, но вы хотите заменить старый значение с новым значением.

Answer 2

Вместо:

$('#description').append(video_url); 

Использование:

$('#description').html(video_url);  

Answer 3

вы используете идентификатор, который является использование один раз, так что если вы хотите сделать класс ничего динамического пользователя и функции мыши писать $(this).find('your class name').html(video_url), а затем он не будет добавлять один за другим.