Как с помощью jQuery проверить содержимое ячейки таблицы и выполнить условие?

Question

[Максим]

Приветствую всех!
Суть задачи такова:
На странице оформления заказа (woocommerce) нужно проверить название товара, и если содержит слово Аэропорт - тогда скрыть input id="ticket_number" и показать input id="address".

Название товара выводится:

<td class="product-name">Аэропорт - Центр города</td>

если как-то может помочь

Заранее благодарю.

Comments

[FrelFrloich]

на js пожалуйста, на jq без понятия) ну наверное так же =-

var prod = $('.product-name')
var input = $('.input')
var input2 = $('.inpu2t')
if(prod.text == 'Аэропорт') {
   input.css('display', 'none')
} else {
 input2.css('display', 'flex')
}

ну и функцию при загрузке страницы или при клике ну или при каком либо событии добавь.

Answer 1

[zkrvndm]

Попробуй так:

<script>
$(function() {
    if ($('td.product-name:contains("Аэропорт")').length > 0) {
        $('input#ticket_number').hide();
        $('input#address').show();
    }
});
</script>

Вставить надо перед закрывающим тегом </body>

Comments

[Максим]

Спасибо!
В финале выглядит так (вставлять в файл function.php)

function wpb_hook_javascript() {
    ?>
        <script>
         jQuery(function($) {
    if ($('td.product-name:contains("Аэропорт")').length > 0) {
        $('input#ticket_number').hide();
        $('input#address').show();
    }
});
        </script>
    <?php
}
add_action('wp_head', 'wpb_hook_javascript');

[zkrvndm]

Максим, это уже сами разбирайтесь куда и что вставлять, я внутреннюю структуру вордпрес плохо знаю.