鏈接旁邊的追加圖標

Question

我有兩個鏈接i-e上一個和下一個我想顯示上一個按鈕的圖標和下一個按鈕的下一個圖標。 我使用字體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'); 
       } 
      } 
     }); 

這裏我的圖標越來越addded但兩者時間的第一添加圖標，然後鏈接，但我想第一個圖標，然後上鍊接上一個按鈕和下一個按鈕，第一個鏈接和圖標

請幫我實現這一點。

Answer 1

嘗試

$(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。

Answer 2

試試這個簡單的方法：

$('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>");