javascript - 遍历每个锚点并替换内部 HTML，如果它是具有特定东西的东西 - 其他

Question

我正在尝试遍历所有作为类导航（.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){
//
//
}