jQuery image source

494

07 февраля 2017, 19:01

Здравстуйте! Такой вопрос: например у меня есть динамический объект

var holderImage = "<img/>";

И у меня есть массив с атрибутами src

backgrounds = ["media/images/background/midkarBG_1.png",
 "media/images/background/midkarBG_2.png",
 "media/images/background/midkarBG_3.png",
 "media/images/background/midkarBG_4.png",
 "media/images/background/midkarBG_5.png"]

Я хочу им добавить атрибуты src, но так неверно. Подскажите как взять в качестве параметра атрибута src строку из массива по индексу? Заранее благодарен.

holderImage.attr("src", backgrounds[0]);

Подключил jQuery, чтобы не выдало ошибку.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Answer 1

Вариант с JS:

var holderImage = document.createElement('img');
backgrounds = ["media/images/background/midkarBG_1.png",
  "media/images/background/midkarBG_2.png",
  "media/images/background/midkarBG_3.png",
  "media/images/background/midkarBG_4.png",
  "media/images/background/midkarBG_5.png"
]
holderImage.setAttribute('src', backgrounds[0]);

Вариант JQuery:

var holderImage = $('<img>');
backgrounds = ["media/images/background/midkarBG_1.png",
  "media/images/background/midkarBG_2.png",
  "media/images/background/midkarBG_3.png",
  "media/images/background/midkarBG_4.png",
  "media/images/background/midkarBG_5.png"
]
holderImage.attr('src', backgrounds[0]);

Проблема была в том, что holderImage был не элементом, а строкой. Что бы создавать элементу, нужно записывать их в $().

Пример: $('<a></a>'), $('<audio>'), $('<span></span>'). При таких записях переменнтая будет равна элементу