Javascript кнопка нажата выцветать родительский класс только один раз работает

Question

Привет, поэтому я сделал это, когда я нажимаю кнопку «Уклонение», он будет исчезать, что «td», и он работает, но он работает только для первого, я имею в виду, если есть еще <td>, который содержит дополнительные кнопки 'Отклонить', он не будет работать ТОЛЬКО РАБОТАЕТ НА ПЕРВОМ КНОПКА

код: JAVASCRIPT

$(function() { 
    $("#declinebutton").click(function() { 
     $(this).closest('td').fadeOut(); 
    }); 
}); 

HTML:

<tr> 
    <td> 
     Username 
    </td> 
    <td> 
     <button type="button" class="btn btn-danger" name="declinebutton" id="declinebutton"> 
      <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> Decline request 
     </button> 
     </span> 
    </td> 
</tr> 

Answer 1

Вы Просто изменить declinebutton от и идентификатор в класса атрибута а и изменить ссылку на него, а также в вас JS код, вот пример:

$(function() { 
    $(".declinebutton").click(function() { 
     $(this).closest('td').fadeOut(); 
    }); 
}); 



<tr> 
    <td> 
     Username 
    </td> 
    <td> 
     <button type="button" class="btn btn-danger declinebutton" name="declinebutton"> 
      <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> Decline request 
     </button> 
     </span> 
    </td> 
</tr> 

Примечание: ID должен быть уникальным, что означает, что один идентификатор идентифицирует один и только один элемент, тогда как КЛАСС может идентифицировать несколько элементов.

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