Javascript: родитель в jquery

Question

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

У меня есть div, в котором значения создаются динамически, я использую этот div в качестве всплывающего окна, чтобы он использовался в качестве элементов раскрывающегося списка. onMouseOver каждого значения я меняю цвет фона, используя вышеуказанную строку кода в JavaScript. Как мне добиться того же в JQuery

Answer 1

Давайте сначала посмотрим на код, который вы используете.

Протокол javascript: неуместен (он используется, когда код помещается в URL), поэтому он просто становится неиспользуемой меткой.

Родительский объект - это ссылка на страницу, содержащую iframe, в котором находится текущая страница. Поскольку вы, вероятно, находитесь не в iframe, а на обычной странице, это будет просто ссылка на текущую страницу.

Итак, все, что осталось от кода на самом деле:

onmouseover="DivColorHover(this)"

Чтобы добавить то же событие, используя jQuery, вам нужен способ идентификации элемента, например, добавив id="something", тогда вы можете сделать это:

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

Answer 2

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

Когда загруженный html jquery связывает определенную функцию с событием mouseover элемента с id = "yourid".

Таким образом вы упрощаете поведение (обработчики событий) и структуру (html), что прощепонять (по крайней мере для меня).