마우스 오버시 텍스트를 href 값으로 변경하고, 여러 요소에 대해 MouseOut의 자리 표시자를 변경 하시겠습니까?

Question

나는 당신이 이것을 도울 수 있기를 바랬습니다. 화살표는 자리 표시 자 텍스트입니다. 나는 당신이 가야 할 섹션으로 마우스를 가져 가면 텍스트가 바뀌고 mouseOut의 화살표로 돌아가고 싶을뿐입니다. 내가 여기에있는 문제는 모든 <a>에 동일한 href 값을 할당한다는 것입니다. 이것을 작성하는 데는 10 가지 방법이 있습니다. 제안? 아, HTML은 화살표를 렌더링하지 않습니다. 단지 보통입니다 ↑ 텍스트 .... ¿?

$('.nav-sections') 
    .mouseenter(function(){ 
     var NextSection = "↓" // downwards arrow 
     var PrevSection = "↑" // upwards arrow 
     var targetFull = $(this).find("a").attr("href").split("#") 
     var targetClean = targetFull[1] 
     $(this).find("a").text(targetClean) 
    }) 
    .mouseout(function(){ 
     $(this).find("a").text("↓"); 
     $(this).find("a:first-child").text("↑"); 
    }); 

Answer 1

빠른 첫 번째. text() 함수를 html()로 변경하면 테스트 형식이 일반 텍스트로 처리됩니다.

그것의 언급하지만 내가 생각하는대로 HTML 코드의 조각없이 도움이하기 어려운 : 를이 코드입니다 가정 :

<ul class=".nav-sections"> 
    <li><a href="jamie">Jamie</a><a href="jamie" class="secondlink">Jamie 2</a></li> 
    <li><a href="hutber">hutber</a></li> 
</ul> 

난 그냥

$('.nav-sections a') 

에 JQuery와 선택기를 바꿀 것

다음 코드를

$('.nav-sections li a:first-child') 
.mouseenter(function(){ 
    var NextSection = "↓" // downwards arrow 
    var PrevSection = "↑" // upwards arrow 
    var targetFull = $(this).attr("href").split("#") 
    var targetClean = targetFull[1] 
    $(this).html(targetClean) 
}) 
.mouseout(function(){ 
    $(this).html("↓"); 
    $(this).find("a.secondlink").html("↑"); 
}); 

이렇게하면 무엇이든 찾아야하고 당신이 원하는 것에 더 구체적 일 수 있습니다.

아직도 확실하지 않습니다.