Изменить цвет элемента только тогда, когда другой находится на паре

Question

hi У меня есть список из 5 p элементов, у них есть фон для teal, и я хочу, чтобы , когда я нахожу второй элемент, второй сам и четвертый, изменятся цвет текста - оранжевый. и вернуться к нормальному цвету, когда второй не наводится.

<p id="t1"> test 1 </p> 
<p id="t2"> test 2 </p> 
<p id="t3"> test 3 </p> 
<p id="t4"> test 4 </p> 
<p id="t5"> test 5 </p> 

p { 
    background-color: teal; 
    width: 100px; 
} 

p#t1:hover { 
    color: yellow; 
} 


$(document).ready(
    function() { 
    $("p#t2").hover(
     function() { 
     $("p#t2").style("color", "orange"); 
     $("p#t4").style("color", "orange"); 
     }, 
     function() { 
     $("p#t2").style("color", "black"); 
     $("p#t4").style("color", "black"); 
     } 
    ); 
    }); 

http://codepen.io/anon/pen/jPOgPG

это мой код ... , что случилось?

Answer 1

style - функция DOM. Вы хотите css() для jQuery.

Кроме того, для элемента, над которым вы находитесь, вы можете создать класс css :hover для этого цвета, чтобы уменьшить jQuery только на другой элемент.

p#t2:hover { color:black; } 

Answer 2

Стиль не свойство

$(document).ready(function(){ 
 
    $("p#t2").hover(
 
     function() { 
 
     $("p#t2, p#t4").css("color", "orange"); 
     }, 
 
     function() { 
 
     $("p#t2, p#t4").css("color", "black"); 
     } 
 
    ); 
 
});