代码之家 › 专栏 › 技术社区 › curly_brackets

jquery悬停父级影响子级

jquery-ui css jquery

curly_brackets · 技术社区 · 15 年前

我很好奇,当你徘徊在父母身上时,你是如何瞄准一个孩子的?

我在CSS中的方式:

parent:hover child {
background-color: #FFFFFF;
}

如何在jquery中执行此操作? “.medarbejdere.info SPAN.kontaktino”信息 是我的父母。我想要 $(此) 做我的孩子。

var navDuration = 150; //time in miliseconds
  var forstoer = "150px";

  $('.medarbejdere .info span.kontaktinfo').hover(function() {
      $(this).animate({ 'right' : "+="+forstoer }, navDuration);            
  }, function() {
      $(this).animate({ 'right' : "-150px" }, navDuration);
    });

事先谢谢你…

1 回复 | 直到 15 年前

tvanfosson 15 年前

使用 $(this).children() .

前任:

var navDuration = 150; //time in miliseconds 
var forstoer = "150px"; 

$('.medarbejdere .info span.kontaktinfo').hover(function() { 
    $(this).children().animate({ 'right' : "+="+forstoer }, navDuration);             
}, function() { 
    $(this).children().animate({ 'right' : "-150px" }, navDuration); 
});

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前