いくつかの要素に対してhover値（マウスオーバーのプレースホルダ）でホバー上のテキストを変更しますか？

Question

私はあなたがこれを手助けできることを期待していました。矢印はプレースホルダテキストです。私はちょうどあなたが行く必要があり、マウスの上の矢印に戻る必要があるセクションでホバー上でテキストを変更したい。私がここに持っている問題は、すべての<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("↑"); 
}); 

だから、この方法、あなたはありませんよ何かを見つけなければならないし、あなたはあなたが望むものとより具体的になることができます。

これがあなたの後にあるかどうかまだ分かりません