Javascript：jquery 中的父级

Question

onmouseover="javascript:parent.DivColorHover(this)"

我有一个 div，其中的值是动态创建的，我使用这个 div 作为弹出窗口，以便它将用作下拉列表元素。 每个值的 onMouseOver 我正在使用上面的 javascript 代码行更改背景颜色。我如何在 jquery 中实现相同的效果

Answer 1

jQuery(document).ready(function(){
       $("#yourid").mouseover(function() {
              $("#yourid").parent().css("backgroundColour":"red");
       }
}

当 html 加载时，jquery 将定义的函数绑定到 id="yourid" 元素的 mouseover 事件。

这样你就可以将行为（事件处理程序）和结构（html）分开，更容易理解（至少对我来说）。

Answer 2

让我们首先看看您正在使用的代码。

javascript: 协议不合适（当代码放置在 URL 中时使用），因此它只是成为一个未使用的标签。

父对象是对包含当前页面所在 iframe 的页面的引用。由于您可能不在 iframe 中而是在常规页面中，因此它只是对当前页面的引用。

所以，剩下的代码实际上是：

onmouseover="DivColorHover(this)"

要使用 jQuery 添加相同的事件，您需要某种方法来识别元素，例如通过添加 id="something"，然后您可以执行以下操作：这：

$(function(){
  $('#something').mouseover(function(){
    DivColorHover(this);
  });
});