如何在动态范围内添加字符串<td>

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> 

Answer 2

尝试这个

<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>

Answer 3

在这里，您可以使用解决方案https://jsfiddle.net/w1un7sw8/

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

 .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 </td> <td class="tftable">ID </td> <td class="tftable">Department </td> </tr> </table> 

错误是关闭td标签。 您应该在跨度关闭标签之后关闭td标签。

Answer 4

是的，因为@Prasanth Ravi回答了...。您必须将span放在'td'内，如果您想给特定的星号加星号，请给class跨度并在jquery中选择该类。示例：-

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

和脚本

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

Answer 5

仅使用CSS解决。 假设所有tftable类的后代（都是span元素）都将是星号。

.tftable span:before {
  content:'*';
  color:red;
}

Answer 6

尝试这个，

$('table tr td:first-child').append("<span class='red'>*</span>");

希望有帮助，