如何在動態范圍內添加字符串<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>");

希望有幫助，