Javascript 如何在社交菜单栏中添加图标

我试图将社交图标附加到

下拉菜单栏

，但我不知道为什么我的代码不起作用

有人能帮我吗

<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>

$（文档）.ready（函数（）{
$（“li.has dropdown:eq（6）ul.dropdown li a”）。每个（函数（）{
var thistText=$（this.text（）；
如果（thisText==“Facebook”）{
$（此）。前缀（“”）；
};
如果（thisText==“Twitter”）{
$（this.prepend（“”）；
};
如果（thisText==“Youtube”）{
$（this.prepend（“”）；
};
如果（thisText==“Googleplus”）{
$（this.prepend（“”）；
};
如果（thisText==“打印列表”）{
$（this.prepend（“”）；
};
如果（thisText==“Instagram”）{
$（this.prepend（“”）；
};
});
});

谢谢大家，我的下拉框选错了。现在它可以工作了。

“

这里您使用的是

”

而不是

“

---

将其更改为：

“”

以防止错误

您正在转义您的引号

在应用类元素时，使用

prepend

时需要使用单引号，“时需要使用双引号

例如：

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

$（this）.prepend（“”）；

---

那么发生了什么？只有当你可以共享HTML代码时，我们才能检查

：eq（6）

是否正确。如果你能为你的问题创建一个解决方案会更好。如果（thisttext==“Facebook”）{$（this）。prepend（“”；）它会在控制台中抱怨此部分

？类中的引号可能会断开，它应该是单引号，或者与另一个引号遵循相同的模式。您可以在此创建一个代码段。如果在html部分使用
“
和javascript部分的
”
就像她在所有others@PraveenKumar-不，在facebook上，他们两个都有一个双引号，这是在逃避它。@PraveenKumar不，这不是看起来closer@LiWen你能用你修改过的代码更新你的帖子，并添加你试图修改的html元素的代码吗