Привет ребят помогите сделать скрипт работающим.
Меня задолбал уже этот jQuery не знаю в чем ошибка.
HTML
<!-- Главный блок -->
<div class="one">
<div class="two">Блок/Полле ввода</div>
<div class="info">Информация, (tooltip примерно как в фреймворке boostrap)</div>
</div>
Оригинал на чистом js:
var elem = document.getElementsByClassName( "two" );
for ( var i = 0; i < elem.length; i++ ) {
if ( elem[ i ].parentNode.getElementsByClassName( 'info' )[ 0 ] ) {
elem[ i ].onmouseenter = function () {
this.parentNode.getElementsByClassName( 'info' )[ 0 ].css.style.display = "block";
}
elem[ i ].onmouseleave = function () {
this.parentNode.getElementsByClassName( 'info' )[ 0 ].css.style.display = "none";
}
}
}
jQuery
var elem = $( ".two" );
for ( var i = 0; i < elem.length; i++ ) {
if ( elem[ i ].parentNode.getElementsByClassName( 'info' )[ 0 ] ) {
elem[ i ].onmouseenter = function () {
...
this.parent() // дальше parent'a ничего не читается
}
elem[ i ].onmouseleave = function () {
...
this.parent() // дальше parent'a ничего не читается
}
}
}