Question

我得到了＆＃34; N＆＃34;所有同类的div容器＆＃34; test＆＃34;在里面我得到了div。
如何只在其中一个容器的div（所有这些）上悬停时改变背景。我尝试使用('div').parent('test')但是它将所有容器悬停。
我的代码我已经尝试了但它不起作用：

$(document).ready(function() {
   $('.test').each(function() {
   $('.test').hover(function() {
    $('div').parent('.test').css('background','#000000');
   },function() {
    $('div').parent('.test').css('background','#FFFFFF');
   }); 
}); 
});

HTML PART：

<div class="test" data-href="index.php?page=customerinfo&nodeid='.$usernode['id'].'">
                        <div class="col-md-3">

                        '.$usernode['name'].'
                      </div>
                      <div class="col-md-1">
                      ('.str_pad($usernode['id'],4,'0',STR_PAD_LEFT).')
                      </div>
                      <div class="col-md-2">
                      '.long2ip($usernode['ipaddr']).'
                      </div>
                      <div class="col-md-2">
                      '.$mac.'
                      </div>
                      <div class="col-md-1">
                      &nbsp;
                      </div>
                      <div class="col-md-1">
                      LAN1
                      </div>
                  <div class="col-md-2">
                  <img src="img/access.gif" />
                  <img src="img/warningoff.gif" />
                  <img src="img/delete.gif" />
                  <img src="img/edit.gif" />
                  <img src="img/info.gif" />
                </div></div>

有N个容器，类=＆＃34;测试＆＃34;所以我不知道如何正确地做到这一点

Answer 1

JQuery的：

install_github("myaccount/mypackage")

Answer 2

您想要定位后代div。所以：呃：

$(this).children('div').css(...);

Answer 3

只要您的mouseenter class test改变了它的背景。

$(document).ready(function(){
    $(".test").on("mouseenter",function(){
    $(this).children('div').css('background','red');
  });
  $(".test").on("mouseleave",function(){
    $(this).children('div').css('background,'none');
  });
});

Jquery nth-child循环

3 个答案: