Попытка добавить изображения в список

Question

Я пытаюсь сохранить источники изображений в массиве и затем добавить их в список, используя javascript.

вот мой код:

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="imgSrc[0]"/></li>');
}

Когда я загружаю сайт, он отображаетящики с изображениями, где я хочу, чтобы они были, но изображения пустые.Что не так? />

edit.я пытался использовать одинарные кавычки, но я получил сообщение об ошибке «отсутствует» после списка аргументов

Answer 1

imgSrc необходимо вызывать как функцию, а не как строку.

Также imgSrc[0] должно быть imgSrc[i], чтобы он использовал текущий индекс, через который вы проходите (не 0 каждый раз)

$('#products ul').append('<li><img src="' + imgSrc[i] + '"/></li>');

Answer 2

Ваша функция будет буквально выводить <li><img src="imgSrc[0]"/></li> для каждого элемента в вашем массиве.Вам также необходимо заменить imgSrc[0] на imgSrc[i], если вы хотите получить каждую соответствующую запись вместо только первой.

Чтобы получить доступ к содержимому массива imgSrc, вы должны поместить его вне строкии объединить.Замените ваш код следующим:

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="' + imgSrc[i] + '"/></li>');
}

Answer 3

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="{0}"/></li>'.format(imgSrc[i]));
}

Answer 4

Вам нужно экранировать массив ...

$('#products ul').append('<li><img src="'+imgSrc[0]+'"/></li>');

Answer 5

Попробуйте это:

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="' + imgSrc[0] + '"/></li>');
}

Answer 6

Может быть, это решит вашу проблему:

$('#products ul').append('<li><img src="'+imgSrc[0]+'"/></li>');