Скрыть строку с помощью jQuery

0

В настоящее время на странице отображаются следующие поля:

СОДЕРЖАНИЕ: Стенд ard S hippi ng

Подарок Messa ge: vbxcx b

Делитель: 12/06/2013

Возраст V erifi catio n: Нет

Они формируются на стороне сервера после завершения формы, и html выглядит следующим образом:

<td class="ProductName" colspan="1">
<a href="http://www.mywebsite.com/basket-number-one/">Basket Number One</a>

    <table class="productAttributes" cellpadding="0" cellspacing="2">
        <tr>
            <td>
                <label>Deliv&#8203;ery O&#8203;ption&#8203;s:</label>
            </td>
            <td>
                <span>Stand&#8203;ard S&#8203;hippi&#8203;ng</span>
            </td>
        </tr>
        <tr>
            <td>
                <label>Gift &#8203;Messa&#8203;ge:</label>
            </td>
            <td>
                <span>vbxcx&#8203;b</span>
            </td>
        </tr>
        <tr>
            <td>
                <label>Deliv&#8203;ery D&#8203;ate:</label>
            </td>
            <td>
                <span>12/06&#8203;/2013</span>
            </td>
        </tr>
        <tr>
            <td>
                <label>Age V&#8203;erifi&#8203;catio&#8203;n:</label>
            </td>
            <td>
                <span>No</span>
            </td>
        </tr>
    </table>

Я хочу полностью скрыть последнюю строку, "Age Verification: No". Я пробовал следующее, но в итоге он скрывает все, кроме первой строки, "Параметры доставки...". В принципе, нужно скрыть что-нибудь, что содержит "Верификацию возраста и текст, следующий, в данном случае" Нет ":

<script>
    var age_html = $(".ProductName").html();
    $(".ProductName").html(age_html.replace("Age Verification", ""));
</script>​

Большое спасибо.

  • 0
    ОП сказал: << В основном хочу скрыть все, что содержит «Проверка возраста и следующий текст, в данном случае« Нет ». >> @johnkavanagh Почему вы удалили эту часть вопроса, из-за чего мой ответ выходит за рамки темы;)
  • 0
    Я действительно сожалею об этом - я не думал, что коснулся этой части вопроса (просто убрал разметку). Моя ошибка и должна быть решена в ближайшее время!
Показать ещё 1 комментарий
Теги:

4 ответа

6
Лучший ответ

Вам нужно скрыть последний tr в таблице внутри .ProductName td

$('.ProductName table tr:last').hide();//or .remove() if you want to remove the td

Демо: скрипка

Поделиться
  • 0
    Идеально идеально! Спасибо!! Я думал, что это должно быть проще, чем я делал это. Ура! ~ Susan
1

Правильный способ выполнить это - назначить эту строку таблицы классу;

<tr class="age-verification">
    <td>
        <label>Age V&#8203;erifi&#8203;catio&#8203;n:</label>
    </td>
    <td>
        <span>No</span>
    </td>
</tr>

Затем вы можете скрыть выбор класса;

$('.productAttributes .age-verification').hide()
Поделиться
  • 0
    Могу я спросить, это .productAttributes age-verification или .productAttributes .age-verification или .productAttributes.age-verification ?
  • 0
    Второй.
1

Первый путь..

Вы просто спрятали его на сервере.

Второй способ.

вы используете $('.productAttributes tr:last').hide(),

см. http://api.jquery.com/last-selector/

Поделиться
0

<< В принципе хочется скрыть что-нибудь, что содержит "Верификацию возраста и текст, следующий, в этом случае" Нет ">>

Чтобы скрыть все строки с ячейкой, содержащей "Age Verification":

$('td:contains("Age Verification")').parent().hide(); //or remove()
Поделиться
  • 0
    А. Вольф, я уже принял другой ответ, который сработал отлично, но хотел попробовать это ... по какой-то причине он скрывает всю таблицу. Не уверен, почему, но хотел упомянуть об этом. Спасибо за ваш ответ, Сьюзен

Ещё вопросы

Сообщество Overcoder
Наверх
Меню