Работа с JQuery для изменения свойств CSS

Question

Я использую вкладки JQuery UI и хочу изменить свойства элемента при наведении курсора мыши.

Мой HTML заключается в следующем:

<ul id="sub-tabs"> <li><a href="#000"><span>000<br /><p id="ct1">General</p></span></a></li> </ul>...

И JQuery является:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("#guide-nav ul#sub-tabs li p").css("display", "none"); 
}); 

Но это не работает.

Answer 1

<ul id="sub-tabs"> 
    <li><a href="#000"><span>000<br /><p id="ct1">General</p></span></a></li> 
</ul> 

Jquery является:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("#guide-nav ul#sub-tabs li a span p").css("display", "none"); 
}); 

Или попробуйте это:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("p#ct1").css("display", "none"); 
}); 

Или это:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $(this).find('p').css("display", "none"); 
}); 

Answer 2

Используйте этот

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("#guide-nav ul#sub-tabs li p").css({display:"none"}); 
}); 

Answer 3

Хорошо, я обернут это в функции, и она работает ...

$(function() {            
    $('#guide-nav ul#sub-tabs li a span').mouseover(function() { 
     $(this).find('p').css("display", "none"); 
    }); 
}); 

Я решил использовать вышеуказанное заявление только скрыть элементы внутри выбранной вкладки, потому что будет кратные

Answer 4

Когда я пробую ваш код, он действительно работает. Вы уверены, что DOM закончил загрузку, когда вы выполняете javascript?

$(document).ready(function() { 
    $('#guide-nav ul#sub-tabs span').mouseover(function() { 
    ("#guide-nav ul#sub-tabs li p").css("display", "none"); 
    }); 
}); 

Вместо .css("display", "none"); вы также можете использовать .hide()