jquery выбор изображения

У меня есть h4 с таким img. Я привязываю функцию клика к h4. Это хорошо работает. Но я не могу выбрать img в нем. Я хочу выбрать img, чтобы заменить атрибут src на .attr("src").replace("up", "down"); .

<h4 class="collapsable_head">
<img id="up_down" class="icon" src="/crm/img/modifier_down.gif" alt="link"/>
<b>Classification Filter:</b>
</h4>

Яваскрипт:

$(".collapsable_head").click(function(){
   $(this).next(".collapsable_body").slideToggle(500)
   //None of the next lines return me the img object
   src = jQuery(this).children('img').attr("src");
   print(src);
   src = $(this).next("#up_down").attr("src");
   print(src);
   src = $(this).next("#up_down").attr("src");
   print(src);
   return false;
});

Я хочу использовать ключевое слово "это", так как у меня есть еще ("".collapsable_head") ;-)


jquery jquery-selectors
person Thomas Kremmel    schedule 07.01.2010    source источник

Ответы (2)


arrow_upward
7
arrow_downward 

var img = $("img", this); // Gets the image within 'this'

Второй параметр — это контекст селектора. В полном коде это выглядит так:

$(".collapsable_head").click(function(){
  var img = $("img:first", this).attr("src");
  alert(img);
});
person Sampson    schedule 07.01.2010
comment
Спасибо за ваш пост. Не могли бы вы дать ссылку на $(img, this); строительство, пожалуйста? - person Anthony; 15.11.2013
comment
@Anthony Извините за задержку с ответом. См. api.jquery.com/jQuery/#jQuery-selector-context для получения дополнительной информации. - person Sampson; 16.11.2013

arrow_upward
6
arrow_downward

Ты пробовал:

jQuery(this).find('img').attr('src')

Следует сделать то же самое, что и ответ Джонатанса.

person Sandro    schedule 07.01.2010