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和ID到類屬性，改變對它的引用，以及在你的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應該是唯一，這意味着一個ID標識一個且僅一個元素，而CLASS可以標識多個元素。

因此，如果您想要定位一個元素列表，只需給他們相同的類名，並且您已準備好去，希望這有助於。