javascript - 背景图像仅在单个图像上切换

Question

上面是一个 fiddle ，我想在其中切换或显示/隐藏背景图像(即刻度线)onclick，并在数据库(mysql)中选择以下报价。我能够显示刻度线但不能隐藏它。请帮忙。

$(function() {
 $('.listing-content').click(function() {
  $(this).css('background-image', 'url(http://i.stack.imgur.com/Kg1Do.png)');
 });
})

当一个 listing-content 元素被点击时，我需要其他 listing-content 元素也移除背景图像吗？所以一次只能勾选一个？

Answer 1

在 .listing-content 单击时，执行此操作:

$(document).on('click', '.listing-content', function() {
  $('.listing-content').css('background-image', '');
  $(this).css('background-image', 'url(http://i.stack.imgur.com/Kg1Do.png)');
});

或

$('.listing-content').removeAttr('style'); //removes all inline css