Javascript 父分区'；在子元素的鼠标上方调用s mouse out函数

我的页面中有下面的HTML

    <div id='divContainer1' onmouseover=ShowEditDiv(1) onmouseout=HideEditDiv(1)  class='divClcContainer'>
        <div id='divSlNo1'>1</div>
        <div id='divItem1'>This is content</div>
        <div id='divEditLink1'></div>
    </div>  
    <div id='divContainer2' onmouseover=ShowEditDiv(2) onmouseout=HideEditDiv(2)  class='divClcContainer'>
        <div id='divSlNo2'>2</div>
        <div id='divItem2'>This is content2</div>
        <div id='divEditLink2'></div>
    </div>  

1.
这就是内容
2.
这是内容2

在我的javascript中

function ShowEditDiv(divId)
{
  $("#divEditLink" + divId).html("<a href=\"javascript:Edit(divId)\"><img  src='edit_icon.gif' alt='Edit' title='Edit' /></a>").addClass("divEdit");
}
function HideEditDiv(divId) 
{  
  $("#divEdit" + divId).empty().addClass('divEdit');
}

函数ShowEditDiv（divId）
{
$（“#divEditLink”+divId）.html（“”.addClass（“divEdit”）；
}
函数HideEditDiv（divId）
{  
$（“#divEdit”+divId）.empty（）.addClass（'divEdit'）；
}

我的要求是当用户将鼠标放在主div上时显示编辑链接。现在它工作正常。但是当我将鼠标放在保存编辑图像/链接的div上时，它正在消失。我发现当我将鼠标放在edit div上时，就会调用parent div的mouseout函数。有谁能帮我解决这个问题吗？

使用

子元素中的函数

停止将事件冒泡到 父元素，阻止任何父元素 处理程序不会被通知 事件

使用

子元素中的函数

停止将事件冒泡到 父元素，阻止任何父元素 处理程序不会被通知 事件

---

此错误的解决方案是使用mouseenter和mouseleave事件，而不是mouseover和mouseout

此链接中提供了有关此问题的更多信息

---

此错误的解决方案是使用mouseenter和mouseleave事件，而不是mouseover和mouseout

此链接中提供了有关此问题的更多信息

---

如何将其应用于我的鼠标悬停事件？如何将其应用于我的鼠标悬停事件？