社交媒体图标链接属性

时间:2015-09-15 16:20:03

标签: javascript jquery

我想选择具有特定类的所有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);
}

1 个答案:

答案 0 :(得分:2)

试试这个

{{1}}

以下是fiddle