如何在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中動態添加字符串