JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td style="display:none">1</td>
            <td>COQUE-I4-BLEU</td>
            <td>Coque Iphone 4 Bleu</td>
            <td>8.0000 €</td>
            <td>Actif</td>
            <td class="center"> <a class="btn btn-info" href="#">
                  <i class="icon-edit icon-white">e</i>
            </a>
 <a class="btn btn-danger" href="#">
                  <i class="icon-trash icon-white">t</i>
            </a>

            </td>
        </tr>
        <tr>
            <td style="display:none">2</td>
            <td>COQUE-I4-BLEU</td>
            <td>Coque Iphone 4 Bleu</td>
            <td>8.0000 €</td>
            <td>Actif</td>
            <td class="center"> <a class="btn btn-info" href="#">
                  <i class="icon-edit icon-white">e</i>
            </a>
 <a class="btn btn-danger" href="#">
                  <i class="icon-trash icon-white">t</i>
            </a>

            </td>
        </tr>
        <tr>
            <td style="display:none">3</td>
            <td>COQUE-I4-BLEU</td>
            <td>Coque Iphone 4 Bleu</td>
            <td>8.0000 €</td>
            <td>Actif</td>
            <td class="center"> <a class="btn btn-info" href="#">
                  <i class="icon-edit icon-white">e</i>
            </a>
 <a class="btn btn-danger" href="#">
                  <i class="icon-trash icon-white">t</i>
            </a>

            </td>
        </tr>
    </tbody>
</table> <span id="foo"></span>

JavaScript

$('.btn').on('click', function (e) {
    e.preventDefault();
    obj = $(this);
    popupligne = obj.parent().parents('tr:eq(0)').find('td:eq(0)').text();
    $('#foo').html(popupligne)

})