Question

When I hover over a table cell there appears a edit link right next to the content. I want to get that cell’s content. Is is possible with jQuery?

The HTML page is this: https://gist.github.com/anonymous/4721230

Part of the table, which is generated by JavaScript. https://gist.github.com/anonymous/4721245

Answer 1

Here’s a possible solution – Here the fiddle

js code

var table = $('#tblFollow');


table.dataTable({
    sDom: "t",
    aoColumns: [
      null,
      null,
      { bSortable: false }
    ]
});



table.on('click', 'a', function(e){
    var followingCell = $(this).parents('td').prev();
    var rowIndex = table.fnGetPosition( $(this).closest('tr')[0] );
    var aData = table.fnGetData( rowIndex  );
    alert (aData[0] + " / " + aData[1]+ " / " + aData[2]);

    return false;
});

html code

<table id="tblFollow">
    <thead>
        <tr>
            <th>id</th>
            <th>name</th>
            <th>link</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John</td>

            <td><a  href="#">Link</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>Bill</td>

            <td><a  href="#">Link</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>Anna</td>

            <td><a  href="#">Link</a></td>
        </tr>
        <tr>
            <td>4</td>
            <td>Dick</td>
            <td><a  href="#">Link</a></td>
        </tr>
        <tr>
            <td>5</td>
            <td>Jane</td>

            <td><a href="#">Link</a></td>
        </tr>
    </tbody>
</table>