在 Javascript 中将 Font Awesome 附加到 table

Question

我继承了一些代码，但是我不太熟悉它是如何工作的。它当前获取用户名并将它们附加到各自的 table。我正在尝试在用户名旁边添加很棒的字体图标，但我不确定我是否正确实施了它。

代码：

$.when(instagram, twitter)
  .done(function (igResponse, tResponse) {
    tbl_instagram.empty();
    tbl_twitter.empty();
    if (igResponse[0].length === 0){
      tbl_instagram.append($('<tr>').append($('<td>').html('No Users Found')))
    }
    if (tResponse[0].length === 0) {
      tbl_twitter.append($('<tr>').append($('<td>').html('No Users Found')))
    }

    $.each(tResponse[0], function(i, twt_name){
      tbl_twitter.append(
        $('<tr>').append(
          $('<td>').append(
            $('<a>', 
              {"href" : createTwHyperlink(twt_name), 
               "text": twt_name}).addClass('link'))))})

      $.each(igResponse[0], function(i, ig_name){
        tbl_instagram.append(
          $('<tr>').append(
            $('<td>').append(
              $('<a>', 
                {"href" : createIgHyperlink(ig_name), 
                 "text": ig_name}).addClass('link'))))});
  })
  .fail(function () {
    console.log("Fail");
  });

function  createIgHyperlink(username) {
  return linkInstagram + username;
}
function createTwHyperlink(username) {
  return linkTwitter + username;
}

我已经尝试修改代码以使其看起来像 append 但它似乎不起作用。

我尝试过的示例：

1)

    $.each(tResponse[0], function(i, twt_name){
      tbl_twitter.append(
        $('<tr>').append(
          $('<td>').append(
            $('<a><i class="fa fa-twitter">', 
              {"href" : createTwHyperlink(twt_name), 
               "text": twt_name}).addClass('link'))))})

2)

    $.each(tResponse[0], function(i, twt_name){
      tbl_twitter.append(
        $('<tr>').append(
          $('<td>').append(
           $('<i>'
            {"class": fa fa-twitter}).append(
            $('<a>', 
              {"href" : createTwHyperlink(twt_name), 
               "text": twt_name}).addClass('link')))))})

3)

    $.each(tResponse[0], function(i, twt_name){
      tbl_twitter.append(
        $('<tr>').append(
          $('<td>').append(
            $('<a>', 
              {"href" : createTwHyperlink(twt_name), 
               "text": twt_name + " " + "<i class=\"fa fa-twitter\"></i>"}).addClass('link')))))})

Answer 1

看来你的方向是正确的，你只是少了一些引号和逗号，如果你缩进一点不同会更容易

$.each(tResponse[0], function(i, twt_name){

    tbl_twitter.append(
        $('<tr />').append(
            $('<td />').append(
                $('<a />', {
                    href    : createTwHyperlink(twt_name), 
                    text    : twt_name,
                    'class' : 'link'
                }).prepend( // or append to add the icons after the username
                    $('<i />', {
                        'class': 'fa fa-twitter'
                    })
                )
            )
        )
    );

});

在 Javascript 中将 Font Awesome 附加到 table

Appending Font Awesome to table in Javascript

javascript

jquery

html

css

font-awesome