Используя jquery, как я могу выбрать изображение внутри div, чтобы изменить его источник

У меня есть следующий div, и я знаю идентификатор селектора DIV.

 <div class="event"><img src="/Content/Images/Icons/calendar16.png">Event Name</div>

но я не знаю, что это за изображение. Мне нужно что-то, чтобы найти селектор изображений внутри div, который у меня есть, поэтому я могу изменить исходный код изображения на новое изображение.

Ответ 1

$('.event').children('img').attr('src', '<source here>');

Это выбирает все элементы класса event, а затем находит их дочерние элементы img. Если у вас есть несколько совпадений и вы хотите изменить их источники по-разному, вы можете использовать $.each() для итерации через них.

.children(): http://api.jquery.com/children
.attr(): http://api.jquery.com/attr

Демонстрация: http://jsfiddle.net/aPzgR/

Ответ 2

$('div.event img').attr('src', '/anything');

Если у вас есть несколько div с event как класс, вам лучше выбрать div по id, если вы не хотите изменять источник всех изображений