在jquery点击后再次切换img src

Question

我已设法使用jquery将我的十字准线切换为减号，但无法在重新点击时将查询写入重置。我正在努力尝试。从img目录中选择第二个/减去img。

我的HTML -

<div id="button-1"><img id="crosshair" src="img/plus.jpg" alt="plus"></div>

Jquery（初始） -

$('#crosshair').on({
'click': function(){
    $('#crosshair').attr('src','img/minus.jpg');
}
});

感谢您的帮助！

Answer 1

添加检查条件。

$('#crosshair').on('click', function() {
  var $this = $(this);
  $this.attr('src', $this.attr('stc') === 'img/minus.jpg' ? 'img/plus.jpg' : 'img/minus.jpg');
});