在链接旁边附加图标

时间:2015-12-04 07:21:36

标签: jquery

我有两个链接i-e上一页和下一页我想显示前一个按钮的图标和下一个按钮的下一个图标。 我正在使用Font Awasome的cdn来放置图标。  我的代码如下:

$('span.CustomerDataPagerClass').find('a').each(function () {
            if ($(this).is('[disabled != disabled]')) {
                var str = $(this).text();
                if (str == "Previous") {
                    $(this).append("<i></i>").addClass('fa fa-chevron-circle-left');
                }
                if (str == "Next") {
                    $(this).after("<i></i>").addClass('fa fa-chevron-circle-right');
                }
            }
        });

这里我的图标正在添加,但两次都是第一次添加图标然后链接但我想要第一个图标然后上一个按钮和上一个按钮第一个链接和图标

请帮助我实现这一目标。

2 个答案:

答案 0 :(得分:0)

尝试

$(this).append("<i class='fa fa-chevron-circle-left'></i>");

$(this).after("<i class'fa fa-chevron-circle-right'></i>");

您的代码正在将'fa fa-chevron-circle-left'类添加到$(this),而不是the appended element

答案 1 :(得分:0)

尝试这个简单的方法:

$('span.CustomerDataPagerClass a:contains("Previous")').append("<i class='fa fa-chevron-circle-left'></i>");
$('span.CustomerDataPagerClass a:contains("Next")').after("<i class='fa fa-chevron-circle-right'></i>");