Как получить доступ к элементу через this

463

01 мая 2017, 02:54

Ребята у меня такой html:

<div class="panelHNavElement">
      <div style="float:left;">Образование</div>
      <div style="float:right; margin-top:2px;"><img class="sparrow" src="/images/arrow-d.svg" height="14px"></div>
    </div>

Обрабатываю его так:

$(".panelHNavElement").click(function(){ $(this).parent().children("div.panelHNavElementSpoilerBody").slideToggle("normal"); return false; });

Скажите, как я могу при нажатии доступиться к элементу , я бы хотел ему изменить атрибут src. В данный момент представленный мною код работает на открытие спойлера. После

$(this).parent().children("div.panelHNavElementSpoilerBody").slideToggle("normal");

я хочу получить доступ к элементу картинки и там изменить атрибут

Answer 1

$(".panelHNavElement").click(function(){ 
  if ($(this).find('img.sparrow').attr('src') == '2.jpg') { 
    $(this).find('img.sparrow').attr('src', '1.jpg'); //меняет src 
  } else { 
    $(this).find('img.sparrow').attr('src', '2.jpg'); //меняет src   
  } 
  console.log($('img').attr('src')); //покажет новый src 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="panelHNavElement"> 
      <div style="float:left;">Образование</div> 
      <div style="float:right; margin-top:2px;"><img class="sparrow" src="1.jpg" height="14px"></div> 
    </div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Javascript Switch to if-else

Помогите поменять форму Switch на if-else: я сделал скрипт чтоб компьютер создал четыре цифры рандомно(от 1 до 9) и добавил их в массив arr потом в <input>...

410

javascript

AJAX запрос ошибка

Как произвести ajax запрос? При простейшем коде выдает ошибку:

378

javascript

Скролл VS fixed и absolute

Такая проблема , есть кнопки с position:fixed и подвал с position:absolute , при вызове модального окна , пропадает скролл и все смещается на размер скролла

315

javascript

Как создать модуль Angular 2 на es6 без typeScript?

Изучаю Angular 2Решил для изучения попробовать написать на ES6 вместо TS

346