удалить или скрыть текст с помощью jquery? - PullRequest
0 голосов
/ 21 декабря 2011

Мне нужно скрыть некоторый текст (добавьте £ 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

Ответы [ 6 ]

3 голосов
/ 21 декабря 2011

Вы можете динамически переносить цену с помощью span, используя замену регулярным выражением:

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

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

})

И скрывать их

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

Это заменяет любой десятичный формат, состоящий из нуля из нескольких десятичных чисел перед точкойи ровно два числа после точки.Поэтому будет заменена любая цена, которая будет на сайте.

1 голос
/ 21 декабря 2011

Вы можете сделать следующее, но это не очень хорошая идея.Лучше создать span вокруг £0.20 и скрыть это.Но вы говорите, что не можете этого сделать.

$("#KitFormOptions").html($("#KitFormOptions").html().replace("£0.20",""))
0 голосов
/ 21 декабря 2011

Элемент div не должен содержать одинокий td, но попробуйте этот фрагмент, он заменяет текст во всех td элементах в вашем div #KitFormOptions:

$('#KitFormOptions td').text('Text Personalisation');
0 голосов
/ 21 декабря 2011

Лучшее решение может выглядеть так: нажмите «, добавьте 20» в span и установите class = «hide» для тега span.

0 голосов
/ 21 декабря 2011

Оберните его в некоторый элемент, например <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()
0 голосов
/ 21 декабря 2011

Зачем это скрывать?Вы не можете просто удалить его?В противном случае вам нужно будет добавить <span> вокруг него или что-то подобное, чтобы вы могли ссылаться на него.

Откуда берется HTML-код и почему тогда даже там цена?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...