Obtenir le premier et le deuxième td de l'élément dans la ligne

J'ai un appel ajax attaché à l'événement click d'un pic à l'intérieur d'une ligne de tableau. Une fois que le pic est cliqué et que l'événement click lancé, j'ai besoin d'attraper le premier et le deuxième td éléments de cette ligne. Je suis nouveau sur jQuery donc ce que j'ai ci-dessous est ma dernière tentative (pas de travail..). Les variables firstName et lastName à la fois le vent se undefined après ces lignes sont exécutées

        $('.checkErrors').click(function () {
            var firstName = $(this).parent('tr td:first-child').val();
            var lastName = $(this).parent('tr td:nth-child(2)').val();
            $.ajax({
                type: 'GET',
                url: '@Url.Action("GetErrors","AgentTransmission")',
                data: { term: $(this).attr('id') },
                .
                .
            });
          });

Voici un exemple de ligne de la table. L'image dans le dernier td élément contient la .click événement. Je voudrais saisir les deux premières qui contiennent le texte "phinneas" et "ferbseven".

<tr>
    <td>
        phinneas
    </td>
    <td>
        ferbseven
    </td>
    <td nowrap>
        7735        
    </td>
    <td>
        Agent
    </td>
    <td>
        SAF
        &nbsp;&nbsp
        07070900  
    </td>
    <td>
        6/5/2013 10:35:38 AM
    </td>
    <td>
        DANTAK
    </td>
    <td class="errorPlus">
        Error
    </td>            
    <td>

        <a href="/AgentTransmission/Details/2358">Details</a>           
            <span> | </span>
        <a href="/AgentTransmission/Edit/2358">Edit</a>        
    </td>
    <td align=center id=2358>
            <img src="/Content/images/magnify.gif" class="checkErrors" id=2358 alt="Program Details" />
    </td>
</tr>

OriginalL'auteur NealR | 2013-06-07

  1. 6

    utilisation proche

    var $tr = $(this).closest(´tr´);
var firstName = $tr.find('td:first-child').text();
var lastName = $tr.find('td:nth-child(2)').text();

    Aussi, vous devez utiliser text au lieu de val pour td éléments, car il a de sens que sur des contrôles de saisie.

    OriginalL'auteur Claudio Redi

  2. 2

    D'abord que des éléments de formulaire ont .val propriété .

    Vous êtes supposé utiliser .text puisque c'est un td

    Essayez d'utiliser :eq pseudo-sélecteur

    var $tr;
$tr.find('td:eq(0)').text();

$tr.find('td:eq(1)').text();

    OriginalL'auteur Sushanth --

  3. 1

    Pour obtenir leur contenu, vous pouvez le faire:

    var cells = $(this).closest('td').siblings('td');
var firstName = cells.eq(0).text();
var firstName = cells.eq(1).text();

    Ces deux dernières lignes peuvent être:

    var firstName = $(cells[0]).text();
var firstName = $(cells[1]).text();
    Non, je l'ai fait. Merci. 🙂

    OriginalL'auteur T.J. Crowder