社交媒体图标链接属性答案

【问题标题】：Social Media Icons Link Attribute社交媒体图标链接属性
【发布时间】：2015-09-15 16:20:02
【问题描述】：

我想选择所有具有特定类的ul > li > a > i 元素并向它们添加链接属性。你可以去fiddle了解我的意思。

var twitter_url = 'twitter link';
var facebook_url = 'facebook link';
var gplus_url = 'google plus link';

if ($('ul.social i').hasClass('.fa-twitter')){
    $("ul.social a:nth-child(1)").attr("href", twitter_url);
}
if ($('ul.social i').has('.fa-facebook')){
    $("ul.social a:nth-child(2)").attr("href", facebook_url);
}
if ($('ul.social i').has('.fa-google-plus')){
    $('ul.social a').attr("href", gplus_url);
}

【问题讨论】：

标签： javascript jquery

【解决方案1】：

试试这个

        var twitter_url = 'https://twitter.com/FameWaves_intl';
        var facebook_url = 'https://facebook.com/famewaves';
        var gplus_url = 'https://plus.google.com/famewaves';


        $('ul.social li').each(function(){
            var aLink = $(this).find('a'),
                className = $(this).find('i').prop('class');
            switch(className)
            {
                case "fa fa-twitter":
                    aLink.attr("href", twitter_url);
                    break;
                case "fa fa-facebook":
                     aLink.attr("href", facebook_url);
                    break;
                case "fa fa-google-plus":
                    aLink.attr("href", gplus_url);
                    break; 
            }

        });

这里是fiddle

【讨论】：