javascript - 如何在 中动态添加字符串

Question

我正在尝试在span标签中动态添加红色的*符号。

        <tr>
            <td class="tftable">First Name  </td> <span> </span>
            <td class="tftable">Last Name </td> 
            <td class="tftable">ID </td>
            <td class="tftable">Department </td>
        </tr>

在脚本部分我试图添加

   var value = $('.tftable span').text("*");
  value.addClass("red");

在 CSS 中

.red
{
color:red;
}

但我没有在我的标签附近动态获得 * 符号。

Answer 1

在这里您可以在所有跨度中动态添加*。

检查这个例子，它可能对你有帮助。

$(document).ready(function()
{
    $(".tftable span").addClass("red").html("*");
});

.red {color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
   <td class="tftable">First Name  <span></span></td> 
   <td class="tftable">Last Name <span></span></td> 
   <td class="tftable">ID <span></span></td>
   <td class="tftable">Department <span></span></td>
</tr>
</table>