Jquery пытается получить src с помощью html ()

Question

Я пытаюсь получить src из этого jquery html ().

Итак, используя jquery html (), мое предупреждение показывает этот вывод

что я хочу, это src. Смотрите код ниже:

 var $boxes = $(".slideWrap"),
                var hdnImg = $boxes.first().show();
                var p = hdnImg.html(); //OUTPUTS <img src="../image090.png" id="ctl00_ContentPlaceHolder1__Graphics1">
                alert(p.attr("src")); // DOES NOT WORK??

Почему p.attr ("src") не работает? Я пытаюсь получить HTML, а затем получить SRC из HTML.

Кто-нибудь, пожалуйста, помогите?

Answer 1

Согласно документации .html() возвращает строку. Строки не имеют .attr() метода.

Если вы хотите атрибут из элемента, используйте .attr() для элемента, который имеет атрибут, который вы хотите.

---

Вот еще одна часть проблемы ...

var p = hdnImg.html(); //OUTPUTS <img src="../image090.png" id="ctl00_ContentPlaceHolder1__Graphics1">

Поскольку выходные данные показывают HTML-код <img>, а метод .html() возвращает HTML-код content , то это означает, что изображение является вложенным.

Чтобы получить изображение, вам нужно пройти вниз к нему. Сделайте это вместо этого ...

var p = hdnImg.children('img').html();

Answer 2

Я думаю, что вы ищете

hdnImg.children('img').attr('src')

Answer 3

Проблема в том, что ваша переменная hdnImg не является фактически элементом IMG, а является родительским элементом (т. Е. Независимо от того, имеет .slideWrap для класса)

сначала получите элемент img следующим образом:

var img = hdnImg.find("IMG");

тогда вы можете получить src как

var src = img.attr("src");

Answer 4

p не является объектом JQuery.

Попробуйте:

$(p).attr("src")

Answer 5

Вам не нужен html, вам нужен JOM-элемент в JQuery: hdnImg.attr("src");