Buenos días amigos espero que me puedan ayudar, tengo la siguiente inquietud deseo realizar la misma función que tengo en JS pero utilizando JQUERY porque sino tendría que hacer una función JS para cada item

este es mi código:

    <table>
    		<th>usuario</th>
    		<tr>
    			<?php
    		
    		while ($usuarios=$resultado->fetch_assoc()) {
    			
    	?>
    			<td><input type="text" value='<?php echo"{$usuarios["admin"]}" ?>' readonly="readonly" id="valor"></td>
    			<td><input type="number" id="cantidad"></td>
    			<td><span id="res"></span></td>
    			<!--<td><input type="submit" onclick="calcula()" value="calcula"></td>-->
    			<td><button onclick="calcula()">Calcula</button></td>
    		</tr>
    	<?php } ?>
    	</table>
    	
    	<script>
    		function calcula(){
    			var valor = document.getElementById('valor').value;
    		var cantidad = document.getElementById('cantidad').value;
    		var resultado = parseInt(valor)*parseInt(cantidad);
    		//alert(resultado);
    		document.getElementById("res").innerHTML = "el total de tu compra es: "+resultado+"$";
    		}		
    
    	</script>
    
    en jquery intente hacer esto pero no me sale:
    
    $(document).ready(function(){
    		  $("button").click(function(){
    		    $("#cantidad").$(this);
    		  });
    		});