javascript - すべてのアンカーを通過し、それが特定の何かである場合は、内部 HTML を置き換えます。

Question

クラス nav (.nav) の子孫であるすべてのアンカーを調べて、その内容を確認しようとしています。いずれかの場合は、その内容を特定の対応する Unicode に置き換えます。

なぜこれが機能しないのですか?私が試した方法よりも良い方法はありますか?

$(document).ready(function(){
    var navigationLinks = $('.nav a');
    for(var i=0; i < navigationLinks.length; i++){
    var thisLink = navigationLinks[i];
    switch(thisLink.html()){
        case "About":
            thisLink.replace(/About/g,'&#xe00f;');

        case "Work":
            thisLink.replace(/Work/g,'&#xe010');

        case "CV":
            thisLink.replace(/CV/g,'&#xe00c');

        case "Resume":
            thisLink.replace(/Resume/g,'&#xe00d;');

        case "down":
            thisLink.replace(/down/g,'&#xe00d;');

        case "Mail":
            thisLink.replace(/Mail/g,'&#xe011;');

        case "Dribbble":
            thisLink.replace(/Dribbble/g,'&#xe015;');

        case "GooglePlus":
            thisLink.replace(/GooglePlus/g,'&#xe012;');

        case "Facebook":
            thisLink.replace(/Facebook/g,'&#xe013;');

        case "Twitter":
            thisLink.replace(/Twitter/g,'&#xe014');

        default:
            thisLink.replace(thisLink.html(),thisLink.html());
    }
}
});

Answer 1

次のように使用します。

$(document).ready(function(){
    var navigationLinks = $('.nav a');
    navigationLinks.each(function() {
    var thisLink = $(this);
    switch(thisLink.html()){
        // Your code with thisLink.html();
    }
}
});

Answer 2

あなたのコードで十分です..thisLink.html()このように置換または変更するだけです

var thisLink = navigationLinks[i].html();
    switch(thisLink){
//
//
}