Question

我已经为图像滑动开发了一些代码，其中每当发生鼠标事件时，我都希望除了鼠标存在之外的其他id的{{1}}。

我的代码是：

div

Answer 1

我建议改变它来使用类而不是id。它会使你的代码更整洁。

将您希望产生此效果的每个元素设为animated类并尝试使用此代码。

$('.animated').mouseover(function () {
  $(this).removeClass('animated');
  $('.animated').css('width', '100px')
  $(this)
    .addClass('animated')
    .animate({                   
      'width':"400px",                   
    }, 1500);
});

Here is an example展示了它的实际效果。虽然我不认为你的代码符合你的要求。

Answer 2

使用.not从匹配元素集中删除悬停的div。

$('#div1,#div2,#div3,#div4,#div5,#div6').mouseover(function () {
    $('#div1,#div2,#div3,#div4,#div5,#div6').not(this).css('width', '100px')
    $("." + $(this).data('class')).animate({                   
                    'width':"400px",                   
                }, {
                    'duration':1500,
                    easing:'easeOutBack',
                })
    });

另外，在这种情况下使用类选择器会更清晰。

Answer 3

$( function() {
$("[id^=div]").mouseover( function() {
  var my = $(this).attr("id");
  var id = new Array;
  $("[id^=div]").each( function() {
    if($(this).attr("id") != my) {
       id.push($(this).attr("id"));
    }
  });
});
});

Working Fiddle or Demonstration

您可以访问每个属性。

我已经获取了所有ID并将所有ID添加到数组id。您可以在功能中进一步访问它。

如何使用jQuery访问不同的对象？

3 个答案: