jqueryを使用してテキストを削除または非表示にするには？

Question

私はtd内にあるテキスト（Add£0.20）を隠す必要があります。私は一番上に親DIVクラスを持っています。ここではダウンカットHTMLれる：

<div id="KitFormOptions"> 
<td valign="top" align="left">Text Personalisation, Add £0.20<br><br><textarea value="" name="KitGroupID_98_TextOption_796" rows="5" style="width:100%"></textarea></td> 
</div> 

は、CSSのパスは次のようになります。

html body div#container div#body-container div#content-area div#content-text div#kitProduct div#KitFormOptions form table tbody tr.LightCell td 

Answer 1

<span>のような要素にラップし、その要素を非表示にします。

例：

<div id="KitFormOptions"> 
<td valign="top" align="left">Text Personalisation, <span class="price">Add £0.20</span><br><br><textarea value="" name="KitGroupID_98_TextOption_796" rows="5" style="width:100%"></textarea></td> 
</div> 

のjQuery：

$('span.price').hide() 

Answer 2

なぜそれを隠しますか？あなたはそれを単に削除できませんか？それ以外の場合は、<span>などを追加して参照できるようにする必要があります。

HTMLはどこから来ていますか、その価格はどこにありますか？

Answer 3

最善の解決策のようなルックスができます：プッシュし、あなたの」、20" の追加またがるとspanタグのクラス= "非表示" を設定します。

Answer 4

あなたは次のことができますが、それは良い考えではありません。より良いのは、£0.20の周りにspanを作成してこれを隠すことです。しかし、あなたはこれを行うことができないと言います。

$("#KitFormOptions").html($("#KitFormOptions").html().replace("£0.20","")) 

Answer 5

div要素孤独tdを含んでいますが、このスニペットを試みるべきではありません、それはあなたのdiv#KitFormOptions内のすべてのtdの要素内のテキストを置き換えます。

$('#KitFormOptions td').text('Text Personalisation'); 

Answer 6

あなたは動的に置き換える使用してスパンで価格をラップすることができます正規表現で：

$("#KitFormOptions td").each(function(){ 

    $(this).html( 
    $(this).html().replace(/(Add £\d*\.\d{2})/,"<span class='price'>$1</span>") 
    ) 

}) 

$('span.price').hide() 

これは、ドットの前に10進数の数字が0より大きく、ドットの後ろに2つの数字が正しく置き換えられます。 したがって、現場に設置される予定の価格に交換されます。