jQuery的新手,还在学习中...

单击图像时,以下脚本交换div的类。如何隔离图像,以便只有具有.thumbnail类的图像才能触发脚本?



< script >

  $(document).ready(function(){
    $("img").click(function(e) {
      var newclass = $(this).attr("class");
      var oldclass = $("#fullsize").attr('class');
      $("#fullsize").removeClass(oldclass).addClass(newclass);
    })
  });

< /script>

最佳答案

$('img')将选择文档中的所有img。

$('img.thumbnail')将选择文档中所有具有thumbnail类的img。

您可以通过替换class属性来组合removeClass addClass操作。

$('img.thumbnail').click(function(e) {
    var newclass = $(this).attr('id');
    var oldclass = $('#fullsize').attr('class');
    $('#fullsize').attr('class',newClass); // Note: No need to removeClass and then addClass. Simply Replace the value of class attribute.
});

关于javascript - 处理事件时,如何将元素定位为特定的类?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35424810/

10-13 06:07