Форум

Andrey Kovalchuk · #1 (**permalink**) 12.03.2015, 07:14

Дано:

4 элемента типа img с атрибутом src.
N элементов имеют заполненный src атрибут, а у M элементов атрибут пустой.
Помимо этих элементов присутствуют и другие элементы типа img, вложенные в другие div-ы.

Цель: написать функцию, которая находила бы элемент img, в нужном блоке, с пустым атрибутом src и вставляла в него пользовательское значение.

JQ или без JQ - Не особо важно.

Не могу сообразить, как это сделать.

Годный алгоритм = ответ.

laimas · #2 (**permalink**) 12.03.2015, 07:35

alert($('img[src=""]').length)

Andrey Kovalchuk · #3 (**permalink**) 12.03.2015, 07:43

Сообщение от laimas

alert($('img[src=""]').length)

А как теперь его на определенный блок натравить? $() вроде же всю страницу обрабатывает?

laimas · #4 (**permalink**) 12.03.2015, 07:46

Указать определенный блок:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script> 
$(function() {
    //найти пустые изоборажения в div по id 
    $('#n').find('img[src=""]').each(function() {
        //this - текщее пустое изображение, чего-то с ним делаем
        this.src = 'name.gif' 
    })
});
</script>     
</head> 
<body>
<div id="n">
    <img src="name.jpg" />
    <img src="" />
    <img src="" />
</div>
</body> 
</html>

Andrey Kovalchuk · #5 (**permalink**) 12.03.2015, 07:49

$('#n').find('img[src=""]')

Вот, что нужно! Благодарен.

danik.js · #6 (**permalink**) 12.03.2015, 09:46

Тема уже обсуждалась. Походу Andrey Kovalchuk не подозревает что пустой атрибут != пустой src картинки.

Пустой атрибут резолвится в текущий адрес страницы, и браузер делает http-запрос, по которому получает html-код. Глупо предоставлять браузеру html код в качестве картинки, правда? Ну только дибил так будет делать, правда?

danik.js · #7 (**permalink**) 12.03.2015, 09:54

Потестил в общем в браузерах. Походу так только в Firefox происходит:

ruslan_mart · #8 (**permalink**) 12.03.2015, 18:48

Проще на CSS тогда:

img[src=""] {
    background: url('bla.gif');
    border: none;
    height: 20px;
    width: 20px;
}

Но изврат конечно.

Форум

Справочник

Discord чат

Курсы javascript