javascript - 如何在社交菜单栏中附加图标

Question

我尝试将社交图标附加到下拉菜单栏，但我不知道为什么我的代码不起作用

有人可以帮助我吗？

<script>
$(document).ready(function(){

    $("li.has-dropdown:eq(6) ul.dropdown li a").each(function(){
        var thisText = $(this).text();

         if( thisText=="Facebook"){
            $(this).prepend("<i class="fa fa-facebook-square fa-2x"></i>");
         };
          if( thisText=="Twitter"){
            $(this).prepend('<i class="fa fa-twitter-square fa-2x"></i>');
         };
         if( thisText=="Youtube"){
            $(this).prepend('<i class="fa fa-youtube-square fa-2x"></i>');
         };
         if( thisText=="Googleplus"){
            $(this).prepend('<i class="fa fa-google-plus-square fa-2x"></i>');
         };
        if( thisText=="Printerest"){
            $(this).prepend('<i class="fa fa-pinterest-square fa-2x"></i>');
         };
         if( thisText=="Instagram"){
            $(this).prepend('<i class="fa fa-instagram fa-2x"></i>');
         };
    });
});
</script>

谢谢大家，我瞄准了错误的下拉菜单。现在它可以工作了

Answer 1

您正在转义引号。

使用 prepend 时需要使用单引号，应用类元素时需要使用双引号 "。

例如:

$(this).prepend('<i class="fa fa-facebook-square fa-2x"></i>');

http://jsfiddle.net/dsbx5b5g/1/