Jquery 从列表中只选择一个图像

Question

想从下面的jsbin链接代码中一次只选择一张图片

http://jsbin.com/avaxay/1/edit

代码:

$(function() {

  $("img").click(function() {

    $("img").not(this).removeClass("hover");

    $(this).toggleClass("hover");

  });

  $("#btn").click(function() {

    var imgs = $("img.hover").length;    
    alert('there are ' + imgs + ' images selected');

  });

});

谢谢....

Answer 1

您可以使用以下代码:

  $("img").click(function() {

    $("img").not(this).removeClass("hover");

    $(this).toggleClass("hover");

  });

它从所有图像中删除 hover 类(使用 not 方法删除的当前图像除外)并切换当前图像的类。

更新的 jsbin:http://jsbin.com/avaxay/36/edit