大神 来救~~

Question

我用 ul li 做了一个表格总体布局是简单化是这样的
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
想做一个ul li 表格的光棒效果一行会有多个li 请问当触发一个li的onmouseover 和onmouseout 事件时 ，这行所有的li也同时执行onmouseover 和onmouseout 事件~~

Answer 1

一行多少个li，应该长度都一样吧？遍历li添加自定义的属性记录li的位置，然后根据位置计算出同一行的li，修改li的属性

Answer 2

这是事件冒泡。解决方式：例如function(event){event.stopPropagation()}用以组织事件冒泡

Answer 3

使用jquery非常简单, 就是写源生的其实也不难.
$("div ul li").hover(
  function () {
    $("div ul li").addClass("hover");//你换成执行事件也行
    $("div ul li").each(function(e){
      /不知道你需要怎么执行事件
    });
  },
  function () {
    $(this).removeClass("hover");
    $("div ul li").each(function(e){
      /不知道你需要怎么执行事件
    });
  }
); 

Answer 4

给每个li标签绑定事件 在事件处理器里所做的工作是： 在通过当前事件对象（this）  获取它的同辈节点（sibling node）对象进行操作即可