javascript - 单击时将具有相同类的每个 div 移动到新位置

Question

这是我的代码的一部分。每当我单击一个 div 时，我都希望发生一些事情。函数 xyz 存在一些问题，因为 alert("good") 没有显示。

$("#subarea").click(function(e)
  {
     $('.pointer').removeClass("pointer").addClass("hiddenpointer");
     $('.visible').css('z-index','1');   
     $('.hiddenimg').css('z-index','2'); 
     $('#closeit').css('z-index','4');
     $('.popupbox').css('display','none');
     alert("hey");
     xyz();
     alert("good");

   });

我的代码中有一些带有“pointer1”类的链接。我想通过单击我正在使用此功能的鼠标将它们移动到新位置。

function xyz()
{
     alert("idiot");
     var elem = document.getElementsByClassName('pointer1');
     for (var i = 0;i < elem.length; i++)
     {
     top1=elem[i].css('top');
     alert(top1);
     left1=elem[i].css('left');
     top1=top1*4;
     left1=left*5/3;
     elem[i].css({left:left1,top:top1}).show();
     }

}

Answer 1

在这里工作的是小提琴http://jsfiddle.net/pgBcW/34/，您的代码包含许多错误

1. 使用了错误的变量名。
2. 初始化变量时未使用 var。
3. 使用 elem[i] 而不是 $(elem[i])。
4. 使用 show() 而不是 animate()。它已经显示，因此您需要使用 animate() ，因为它的定位属性正在发生变化。
5. javascript 中不存在 getElementByClassName 函数，对其进行了更改并使用了 $(".pointer1")。

注意：下次编码时要小心。