JSFiddle - React, Tailwind, and code Playground
HTML
<div class="line-reservation frow " id="_1">
<div class="check">
<input type="checkbox" value="11" id="check_11" name="check_11">
<label for="check_11" class="simple"></label>
</div>
<div class="fcol11">Lefebvre
<br>Nicolas</div>
<div class="fcol7">29/09/2016</div>
<div class="fcol5">2</div>
<div class="fcol5">service3</div>
<div class="fcol14 description">Indispo de 13h00 à 14h00</div>
<div class="fcol5">Indispo de 13h00 à 14h00</div>
<div class="fcol10">
<div class="fbetween frow" id="">
<div id="restauration_11"></div>
<select id="restauration_affectation[11][jour1]" name="restauration_affectation[11][jour1]">
<option value="">-</option>
<option value="service1" id="a_11">Service 1</option>
<option value="service2" id="b_11">Service 2</option>
<option value="service3" selected="" id="c_11">Service 3</option>
<option value="0">Pas de table disponible</option>
</select>
<a href="/app_dev.php/fr/restauration/demande/commande/11" class="action modifiy">
<img src="/bundles/front/img/picto-modification.png" alt="Modifier la demande" title="Modifier la demande"></a>
<div class="fcol5">
<a href="#" class="action validate " id="_11" data-title="Validation" data-body="Confirmez-vous la validation de la demande N°NL_RES_021216_0004 d'un montant de 300,00 euros ?">
<img src="/bundles/front/img/picto-validate.png" alt="Valider la demande" title="Valider la demande"></a>
</div>
</div>
</div>
</div>
<div class="line-reservation frow " id="_2">
<div class="check">
<input type="checkbox" value="12" id="check_12" name="check_12">
<label for="check_12" class="simple"></label>
</div>
<div class="fcol11">Lefebvre
<br>Nicolas</div>
<div class="fcol7">29/09/2016</div>
<div class="fcol5">2</div>
<div class="fcol5">service3</div>
<div class="fcol14 description">Indispo de 13h00 à 14h00</div>
<div...
JavaScript
$( function(){
$(".action.validate").on('click', function(e){
e.preventDefault();
console.log( $(this).parents('.line-reservation:eq(0)').attr('id') )
});
})