Интерполяция строки JavaScript, как в рубине

Question

У меня в JS следующий код.

$('#ytResultsList').append('<li><a href="https://www.youtube.com/watch?v="' + item.id.videoId + '></a></li>');

Как видно из приведенного выше кода, в HTML результат выглядит следующим образом.

<li><a href="https://www.youtube.com/watch?v=" bruvbiwlwfi=""></a></li>

Я хочу, чтобы URL был таким, как показано ниже в HTML.

"https://www.youtube.com/watch?v=bruvbiwlwfi" 

Как я могу сделать это в Javascript?

Answer 1

кавычки ваша проблема попробовать:

$('#ytResultsList').append('<li><a href=\'https://www.youtube.com/watch?v=' + item.id.videoId + '\'></a></li>');

Answer 2

Шаблонные строки имеют довольно хорошую поддержку в современных браузерах и могут быть заполнены, если вам нужна поддержка старых - обратите внимание на галочки:

const videoId = 'bruvbiwlwfi'
const url = `https://www.youtube.com/watch?v=${videoId}`
=> "https://www.youtube.com/watch?v=bruvbiwlwfi"

Answer 3

Проблема в том, что вы неправильно форматируете href.Вам нужно переместить закрывающее значение " на следующую переменную:

$('#ytResultsList').append('<li><a href="https://www.youtube.com/watch?v=' + item.id.videoId + '"></a></li>');