+ -
当前位置:首页 → 问答吧 → jquery 怎样找div下的ul下的li的问题,在线等!!

jquery 怎样找div下的ul下的li的问题,在线等!!

时间:2011-10-18

来源:互联网

$("#AOPTopMenu>ul>li").hover(function () {
  var _self = $(this).children(".SecondMenuBar");
  var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
  delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
  $(_self).slideDown(300) //界面下滑速度300
  $("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
  $("#zg_Iframe").css('display', 'block');
  }, 400);
  $(this).removeClass("bgColor");
  $(this).addClass("SelectbgColor");

  ??????????????????

代码是截取的,不必考虑完整性,
id为“AOPTopMenu”的 div 里嵌套着id为变量(变量里都包含‘Tb_SecondMenu_’),calss为“ThirdMenuBar”的多个div,
现想在问号“??????????”处,设置class为“ThirdMenuBar”的div下的li的高度,怎么写?

   

 

作者: hdandll   发布时间: 2011-10-18

$(".ThirdMenuBar li").height(100)?

作者: liangws   发布时间: 2011-10-18

谢谢liangws!!给分了
,真是会得不难,难的不会啊,它怎么可以不考虑在父级程序("#AOPTopMenu>ul>li").hover(function () {
下而直接写呢?
另外,你有好的学习jquery的比较系统的资料吗?

作者: hdandll   发布时间: 2011-10-18

JScript code
$(".ThirdMenuBar>li").height(100)?

作者: liujiebest   发布时间: 2011-10-18

结贴后还可以看到回复吗,我等你回复了再结贴吧!!

作者: hdandll   发布时间: 2011-10-18

应该可以看到的 《锋利的jQuery》这本书不错 你在网上找 有电子版的

作者: liujiebest   发布时间: 2011-10-18

++
引用 5 楼 liujiebest 的回复:
应该可以看到的 《锋利的jQuery》这本书不错 你在网上找 有电子版的

作者: csdm012   发布时间: 2011-10-18

谢谢5,6楼的,我的代码如下有点问题,当不停的触发时(即将鼠标放在AOPTopMenu>ul>下不同的li里),由于下滑界面的高度各不同,下面的代码在ie8里就行,在ie7里下滑高度就乱了,在未增加对ThirdMenuBar赋值的代码前,ie6,7,8都是正常的。
 // 点击菜单滑动下拉,焦点不在下滑界面自动回收
  $(document).ready(function () {
  var delayTime = "";
  $("#AOPTopMenu>ul>li").hover(function () {
  var _self = $(this).children(".SecondMenuBar");
  var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
  delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
  $(_self).slideDown(300) //界面下滑速度300
  $("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
  $("#zg_Iframe").css('display', 'block');
  $(".ThirdMenuBar").height(thisheight-72); //给ThirdMenuBar赋高度,是为了设置分隔虚线的高度。
  }, 400);
  $(this).removeClass("bgColor");
  $(this).addClass("SelectbgColor");
  }, function () {
  clearTimeout(delayTime);
  $(this).children(".SecondMenuBar").slideUp();
  $("#zg_Iframe").css('display', 'none');
  $(this).removeClass("SelectbgColor");
  $(this).addClass("bgColor");
  // $(".ThirdMenuBar").height(0); //将ThirdMenuBar高度设回,不然的话有时候会乱。
  })
  })

作者: hdandll   发布时间: 2011-10-18