JQuery IMG выберите

Question

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

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

JavaScript:

$(".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;
});

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

Answer 1

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

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

$(".collapsable_head").click(function(){
  var img = $("img:first", this).attr("src");
  alert(img);
});

Answer 2

Вы пробовали:

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

Должен поступить так же, как и ответ Джонатана.

Answer 3

  $(function(){
      $("img").on('error', function() {
          $(this).attr('src',"/Files/446/178/themeblue/images/nopic.jpg");
      });   
 });