Estou tentando pegar o primeiro e o segundo elemento dentro de uma div. Mas não estou conseguindo.
Estou querendo pegar os dois inputs dentro do shipping_table. E ao clicar nos inputs eles irão fazer uma função.
O HTML é:
<table class="table" id="shipping_table"> <tr style="cursor:pointer">
<td style="width:16px;">
<label class="radio">
<input type="radio" id="s2ba82f8be158554d1aefa1fd27ea9001" data-deliverytime="13" value="PAC|27.8|13" name="shipping_method" checked="checked"> </label>
</td>
<td onclick="toggle_shipping('s2ba82f8be158554d1aefa1fd27ea9001');" style="width:120px;">
PAC </td>
<td onclick="toggle_shipping('s2ba82f8be158554d1aefa1fd27ea9001');">
<strong>R$ 27,80</strong><br><span class="label label-info">Entrega em torno de 13 dias úteis</span> </td>
</tr>
<tr style="cursor:pointer">
<td style="width:16px;">
<label class="radio">
<input type="radio" checked="checked" id="s527db0b075ea188067f95de4b5ab90e2" data-deliverytime="5" value="SEDEX|72.9|5" name="shipping_method"> </label>
</td>
<td onclick="toggle_shipping('s527db0b075ea188067f95de4b5ab90e2');" style="width:120px;">
SEDEX </td>
<td onclick="toggle_shipping('s527db0b075ea188067f95de4b5ab90e2');">
<strong>R$ 72,90</strong><br><span class="label label-info">Entrega em torno de 5 dias úteis</span> </td>
</tr>
E O Javascript é:
$("#shipping_table input:eq(1)").click(function() {
alert( "função aqui" );
});
$("#shipping_table input:eq(2)").click(function() {
alert( "função aqui" );
});
Não tenho muita experiência com Jquery. Então se puderem ajudar eu agradeço.