Javascript Скрыть элемент при data == true

141

17 сентября 2019, 07:50

Есть такая функция, как правильно написать, что бы при data == true элемент скрывался

$('.btn_buy, .service-buy').on('click', function() { 
  var additional_id = $(this).val(); 
  var url = document.URL.split('/'); 
 
  if (url[3] == 'ru-ru') { 
    var tabUrl = "/ru-ru/site/add-additional-to-basket"; 
  } else { 
    var tabUrl = "/site/add-additional-to-basket"; 
  } 
  $.ajax({ 
    method: 'POST', 
    data: { 
      additional_id: additional_id 
    }, 
    url: tabUrl, 
    success: function(data) { 
      if (data == true) { 
        //ПИСАТЬ ТУТ 
 
 
      } 
    }, 
    error: function() { 
 
    } 
  }); 
});

<tbody> 
  <tr> 
    <td><a class="service-link" href="/ru-ru/site/service?id=3">Регистрация VAT</a></td> 
    <td class="td-prise">222.00<button type="button" id="add_to_basket_buy" class="btn btn_buy" value="3">Buy</button></td> 
  </tr> 
  <tr> 
    <td><a class="service-link" href="/ru-ru/site/service?id=4">Регистрация в налоговых органах</a></td> 
    <td class="td-prise">345.00<button type="button" id="add_to_basket_buy" class="btn btn_buy" value="4">Buy</button></td> 
  </tr> 
  <tr> 
    <td><a class="service-link" href="/ru-ru/site/service?id=10">sdf</a></td> 
    <td class="td-prise">333.00<button type="button" id="add_to_basket_buy" class="btn btn_buy" value="10">Buy</button></td> 
  </tr> 
  <tr> 
    <td><a class="service-link" href="/ru-ru/site/service?id=156">zaaaa</a></td> 
    <td class="td-prise">95.00<button type="button" id="add_to_basket_buy" class="btn btn_buy" value="156">Buy</button></td> 
  </tr> 
  <tr> 
    <td><a class="service-link" href="/ru-ru/site/service?id=157">expire_add</a></td> 
    <td class="td-prise">95.00<button type="button" id="add_to_basket_buy" class="btn btn_buy" value="157">Buy</button></td> 
  </tr> 
  <tr> 
    <td><a class="service-link" href="/ru-ru/site/service?id=158">sdfsdf</a></td> 
    <td class="td-prise">234.00<button type="button" id="add_to_basket_buy" class="btn btn_buy" value="158">Buy</button></td> 
  </tr> 
</tbody>

Answer 1

Запомните кнопку в переменную, например, button и скрывайте именно ее

$('.btn_buy, .service-buy').on('click', function() { 
  var button = $(this); 
  var additional_id = button.val(); 
  var url = document.URL.split('/'); 
 
  if (url[3] == 'ru-ru') { 
    var tabUrl = "/ru-ru/site/add-additional-to-basket"; 
  } else { 
    var tabUrl = "/site/add-additional-to-basket"; 
  } 
  $.ajax({ 
    method: 'POST', 
    data: { 
      additional_id: additional_id 
    }, 
    url: tabUrl, 
    success: function(data) { 
      if (data == true) { 
        button.hide(); 
      } 
    }, 
    error: function() { 
 
    } 
  }); 
});