Как скрыть элемент, если span пуст и проверить нон-стоп

Question

Проверьте ниже. Промежуток, окончательная сумма цены изменяется, если был выбран 1 из вариантов фрейма. Проблема здесь в том, что если ничего не выбрано, окончательная сумма цены останется 0,00, и теперь это можно добавить в корзину. Как мне удастся скрыть кнопку, если опция не выбрана, а если выбрана, показать, а если не выбрана, скрыть снова.

//OPTIONT TO SELECT
<span class="label">Frame €25,00</span>
<span class="label">Frame €50,00</span>

//CHANGES PRICE ON SELECTED ITEM
<span class="price amount final">€0,00</span>

<button type="submit" class="add_to_cart_button ajax_add_to_cart>Add to cart</button>


//I found this but it will not work. This code below needs to be executed non-stop as they can unselect.
if(.price.amount.final <= €0,00)
{
$(".add_to_cart_button").hide();
}else{
$(".add_to_cart_button").show();
}

Answer 1

По умолчанию кнопка отключена, поскольку начальная цена равна 0,00.

$('.add_to_cart_button').hide();

Используйте jquery change , чтобы определить, изменился ли «окончательный объем цены» (обязательно измените) к входу, потому что он не будет работать с элементами span, так как он проверяет val, а не текст)

$( ".target" ).change(function() {
  alert( "Handler for .change() called." );
});

или вы можете просто вызвать простую пользовательскую функцию для события и проверить значение текста span

function checkvalue(){
  if ( $('.final') == '0' ){
    log('equals 0');
  }
}