如何在span中动态添加字符串

我试图在span标签中动态添加*号。如何在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; 
}

，但我没有得到*动态签署靠近我的标签。

来源

2017-07-14 janak gera

''应该是里面''标签 –

我越来越跨度标签在检查浏览器的元素，但*符号仍然是不是他们的。 –

$（'。tftable'）。next（'span'）。text（“*”） – guradio

试试这个

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

来源

2017-07-14 04:43:12

在这里，你去与解决方案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标记。

来源

2017-07-14 04:46:26 Shiladitya

这里您可以动态添加*在所有范围内。

检查这个例子它可能会帮助你。

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

来源

2017-07-14 05:06:05

是作为@Prasanth拉维回答....你必须把跨度“TD” 里面，如果你想给明星于特定的然后给类和跨越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");

来源

2017-07-14 05:12:34 BaDsHahSHIVAM

仅使用CSS求解。假设所有作为span元素的tftable类的后代都将是星号。

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

来源

2017-07-14 05:21:02 LT56

试试这个，

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

希望帮助，

来源

2017-07-14 05:23:17 Berkay

如何在span中动态添加字符串​​

回答

相关问题

如何在span中动态添加字符串