JavaScript-Funktion, die Text auf Hover ändert

Question

Ich verwende einen Schieberegler mit Slick und ich möchte den linken und rechten Pfeil Text in (nächste und vorherige) nach dem Schweben auf es ändern. Wie kann ich dies mit einer JavaScript-Funktion tun?

<div class="left-slider-arrow slider-arrow"> 
    <i class="fa fa-chevron-left" aria-hidden="true"></i> 
</div> 
<div class="right-slider-arrow slider-arrow"> 
    <i class="fa fa-chevron-right" aria-hidden="true"></i> 
</div> 


$(".left-slider-arrow").click(function(){ 

//now which text to change? 

}); 

Answer 1

bearbeiten gerade Slick-theme.css, Uhrenlinie 89 und 107

.slick-next:before 
{ 
    content: '→'; 
} 
[dir='rtl'] .slick-next:before 
{ 
    content: '←'; 
} 
.slick-prev:before 
{ 
    content: '←'; 
} 
[dir='rtl'] .slick-prev:before 
{ 
    content: '→'; 
} 

ersetzen '←' auf "nedded Text" ...