Как заменить и вернуть значение атрибута src?

Question

[reinmaker90]

При клике должно выполняться следующее:

$(".slider").click(function () {
  $("body").toggleClass("nightTheme");
  $(".topLine-logo-img").attr({
    src: "images/dest/nightThemeLogo.svg",
  });
});

Вот тут и не понимаю как делать дальше. При клике на .slide значение src должно меняться на то, что в коде, а при повторном возвращаться в исходное.
Пробовал if-else -ничего, в api к методу attr указано, что он принимает название элемента и может вызывать функцию, в которую можно передать его значение и что-то сделать, но увы я не понял, как это реализовано.

Comments

[Павел]

Ничего не понятно, кроме того, что js вам не даётся...
По коду - при клике у элемента с классом .topLine-logo-img - будет добавлен/обновлен атрибут src на images/dest/nightThemeLogo.svg
Тут все ок.
Что вы хотите дальше с if / else - не понятно...

[reinmaker90]

Павел, условия таковы, что по клику, меняется ссылка в src, повторный клик возвращает исходное значение ссылки.

[Дмитрий Беляев]

reinmaker90, сохраняйте исходное состояние в переменную, а после восстанавливайте из нее.
По-секрету, большинство методов jQuery умеют не только устанавливать значения, но и читать их:

$elem.attr({
    src: "images/dest/nightThemeLogo.svg",
    otherAttr: "111"
})

через вариант с объектом можно устанавливать несколько значений

$elem.attr("src", "images/dest/nightThemeLogo.svg");

через вариант с 2 аргументами, когда первый строка - устанавливаем 1 значение

var val = $elem.attr("src");через вариант с 1 аргументом, когда он строка - читаем значение

[reinmaker90]

Дмитрий Беляев, спасибо попробую, читал и про передачу нескольких объектов и про вызов функции , но ничего не понял, еще раз спасибо!

Answer 1

[Stalker_RED]

$('.slider').click(function () {
  $('body').toggleClass('nightTheme');
  if ($('body').hasClass('nightTheme')) {
    $(".topLine-logo-img").attr('src', '/images/dest/nightThemeLogo.svg')
  } else {
    $(".topLine-logo-img").attr('src', 'другой путь',)
  }
});

Comments

[reinmaker90]

спасибо, почти так и сделал

Answer 2

[Дима Долготер]

<code lang="javascript">
 
$( "#target" ).toggle(function() {
 $(".topLine-logo-img").attr({
    src: "images/dest/nightThemeLogo.svg",
  });
}, function() {
   $(".topLine-logo-img").attr({
    src: "другой путь",
  });
});
</code>

Comments

[reinmaker90]

спасибо, попробую!