javascript - 如何根据一些数据动态添加 Font Awesome 图标

Question

是否可以根据获取的数据更改/添加很棒的字体图标？如果type是 .pdf很棒的字体是 <i class="fa fa-file-pdf-o">否则如果 type是 .docx它将是 <i class="fa fa-file-word-o"></i> 。有人可以给我一些想法如何去做吗？我会用什么？ JavaScript 还是 PHP？

这是我的一些代码。

 <div class="col-sm-6 col-md-6">
    <?php
              $sql ="SELECT * FROM lectures WHERE subj_descr = '$subj'";
               $result = mysqli_query($con, $sql);


               while($row = mysqli_fetch_array($result)){
                $file = $row['file'];
                $type = $row['type'];

        ?>

    <a style="display:block; margin-top:5px;" href="uploads/<?php echo $file ?>" target="_blank"><i class="fa fa-file-word-o"></i> <?php echo $file; ?></i></a>

         <?php
          }  
         ?>
    </div>

Answer 1

尝试这样的事情:

<?php
if($type = $row['type'] == 'pdf')   // make <i> tag on behalf of condition
{
    echo '<i class="fa fa-file-pdf-o">'. your text here .'</i>';
}
else if($type = $row['type'] == 'txt')
{
    echo '<i class="fa fa-file-word-o">'. your text here .'</i>';
}
?>