Question

我需要隐藏一些在td内的文本（添加£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

您可以使用替换为正则表达式来动态包装价格：

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

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

})

并隐藏它们

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

这将替换任何十进制格式，包括点之前的多个十进制数的零和点之后的两个数字。因此，它将被替换为现场的任何价格。

Answer 2

您可以执行以下操作，但这不是一个好主意。更好的是在span周围创建一个£0.20并隐藏它。但是你说你不能这样做。

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

Answer 3

为何隐藏它？你能不能删除它？否则，您需要在其周围添加<span>或类似内容，以便您可以参考它。

HTML来自哪里，为什么价格就在那时呢？

Answer 4

最佳解决方案如下：将你的“，添加20”添加到span，并为span标记设置class =“hide”。

Answer 5

div元素不应包含孤独的td，但请尝试使用此代码段，它会替换td div中所有#KitFormOptions元素中的文字：

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

Answer 6

将它包裹在像<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()

使用jquery删除或隐藏文本？

6 个答案: