Селектор JQuery

Question

Привет, я изучаю jquery и JavaScript, и у меня есть куча divs и span внутри них, все это div имеет один и тот же класс, а также span, все из них имеют тот же класс, что я хочу, когда я делаю mouse на div, измените цвет букв с тегом span внутри этого div. я расскажу вам, как я структурировал свою треску и функцию jquery. Я хотел бы знать, как я могу использовать селектор для достижения этого.

это jsFiddle:

$(".wrap-faq").on("mouseover", hoverFaq); 

    function hoverFaq(){ 
     $(".wrap-faq .faq .txt-preg-faq").css("color", "white") 
     $(this).addClass("over"); 
    } 

$(".wrap-faq").on("mouseleave", unHoverFaq); 

    function unHoverFaq(){ 
     $(this).removeClass("over"); 
    } 

http://jsfiddle.net/xtatanx/jz73b/

Answer 1

Я думаю, что вы хотите простой CSS парение:

.faq { 
    color: black; 
} 
.faq:hover { 
    background: orange; 
    color: white; 
} 

Это http://jsfiddle.net/saYFz/ является то, что вы хотите?

Answer 2

Этот код будет добавить класс CSS для Div при наведении на него:

$(".wrap-faq").on("hover", 
    function(){ 
     // on over, add class "over" 
     $(this).addClass("over"); 
    }, 
    function(){ 
     // on out, remove class 
     $(this).removeClass("over"); 
    } 
); 

Использование CSS для манипуляции диапазона. Как:

.over span {color:red;} 

Edit: Если вы хотите обработать парить только на пролете, вы можете просто изменить селектор:

$(".wrap-faq span") 

Answer 3

Я предполагаю, что это больше, чем Вы желаете:

http://jsfiddle.net/jz73b/1/

$(".contents-faq").on("mouseover", '.wrap-faq', function() { 
    $(".wrap-faq .faq .txt-preg-faq").css("color", "white") 
    $(this).addClass("over"); 
}).on("mouseleave", '.wrap-faq', function() { 
    $(this).removeClass("over"); 
}); 

Answer 4

Просто добавьте эту строку в hoverFaq функции:

$(this).find('span').css('color', 'white'); 

Здесь вы это работает: http://jsfiddle.net/jz73b/2/