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 的标签。您应该在 span 结束标记后关闭 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解决。假设作为span元素的tftable类的所有后代都将是星号。

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

Answer 6

试试这个，

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

希望有所帮助，

如何在动态范围内添加字符串中的字符串

6 个答案: