无法在 javascript 标记中使用 html 代码

Question

我正在使用 Javascript 和 jquery，实际上我得到的响应是 javascript 变量，我想根据评级使用 html（星级）但是每当我尝试在 javascript 中使用 html 代码时，我的 "<td>" 显示空白，这是我的代码，我哪里错了？

function createTable(result,sno){
          sno = Number(sno);
       $('#postsList tbody').empty();
       for(index in result){
          var rating = result[index].average_rating; // getting rating(between 1 to 5)  
          if(rating=="0")
          {
              var rating ="<div class='stars>";
                "<span class='fa fa-star'></span>"; 
               "<span class='fa fa-star'></span>";
                "<span class='fa fa-star'></span>";
                "<span class='fa fa-star'></span>";
                "<span class='fa fa-star'></span>";
              "</div>";
          }
          if(rating=="1")
          {
             .....
          }
          and so on...
          
          var tr = "<tr>";
          tr += "<td>"+ sno +"</td>";
           tr += "<td>"+ rating +"</td>";
          tr += "</tr>";
          $('#postsList tbody').append(tr); 
}
      }
});
 </script>

Answer 1

您的代码

var rating ="<div class='stars>";
                "<span class='fa fa-star'></span>"; 
               "<span class='fa fa-star'></span>";
                "<span class='fa fa-star'></span>";
                "<span class='fa fa-star'></span>";
                "<span class='fa fa-star'></span>";
              "</div>";

实际上只是将您的 rating 变量设置为 <div class='stars>。将其更改为：

var rating ="<div class='stars'>";
rating += "<span class='fa fa-star'></span>"; 
rating += "<span class='fa fa-star'></span>";
rating += "<span class='fa fa-star'></span>";
rating += "<span class='fa fa-star'></span>";
rating += "<span class='fa fa-star'></span>";
rating += "</div>";

还要添加 <span> 和结尾的 </div>。

将 rating 命名为 ratingDiv 之类的名称可能也是个好主意，以免覆盖您的实际 rating 值。

编辑：还在 <div class='stars'>

中添加了缺失的结尾 '

Answer 2

您的代码有误。你应该这样做。

var rating = "<div class='stars'>" + 
"<span class='fa fa-star'></span>" +
"<span class='fa fa-star'></span>" + 
"<span class='fa fa-star'></span>" +
"<span class='fa fa-star'></span>" +
"<span class='fa fa-star'></span>" +
"</div>";

无法在 javascript 标记中使用 html 代码

Unable to use html code in javascript tag

html

javascript

php

script