Explication détaillée de jQuery obtenant la valeur d'une certaine colonne du tableau

Cet article présente principalement jQuery pour obtenir la valeur d'une certaine colonne du tableau. C'est très bien et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

Mais c’est complètement différent de ce que dit cet article. Ce dont Insus.NET a besoin, c'est de jQuery pour obtenir les données d'une certaine ligne et colonne de la table HTML.

Le tableau suivant :

Code HTML :

<table>
    <tr>
      <th style="width:10px;"><input id="SelectAll" type="checkbox" /></th>
      <th>ID</th>
      <th>费用名目</th>
      <th>费用解释</th>
      <th>收费明细</th>
      <th>币种</th>
      <th style="width:50px;">操作</th>
    </tr>
    @foreach (var m in new HighwayAdditionalChargeEntity().HighwayAdditionalCharges())
      {
      <tr class="trData">
        <td><input id="" class="SelectSingle" type="checkbox" value="@m.HighwayAdditionalCharge_nbr" /></td>
        <td>@m.HighwayAdditionalCharge_nbr</td>
        <td>@m.Item</td>
        <td>@m.Description</td>
        <td>@m.Itemizations</td>
        <td>@m.Currency</td>
        <td>
          <input class="Select" id="ButtonSelect" type="button" value="选择" />
        </td>
      </tr>
    }
  </table>

Lorsque l'utilisateur clique sur une ligne Lors de la "sélection" du bouton dans la dernière colonne, vous souhaitez obtenir les données d'une colonne dans cette ligne de ce bouton.

Insus.NET a les colonnes et les index indiqués dans la figure. L'index commence à 0. Si vous souhaitez obtenir la valeur de la colonne « Poste de dépense », l'index de cette colonne est 2.

Démonstration :

Ci-dessus, nous obtenons la valeur en utilisant la méthode .text(). Mais à un moment donné, vous souhaitez obtenir la valeur de la colonne, qui est du code HTML, nous pouvons alors utiliser la méthode .html(). Insus.NET est légèrement modifié ci-dessous :

Démonstration :

En fait, utiliser des index pour obtenir des valeurs n'est qu'une méthode, mais ce n'est pas la méthode idéale de choix pour Insus.NET. Étant donné que les lignes de données sont restituées de manière dynamique, les colonnes peuvent également changer. Par conséquent, Insus.NET est encore habitué à utiliser des classes de style pour y parvenir :

Par exemple, si vous souhaitez obtenir la valeur de la colonne « Explication des dépenses », ajoutez une classe à cette colonne :

Code jQuery :

Démo :

Recommandations associées :

jQuery obtient la balise td dans le tableau

Comment obtenir la valeur d'une colonne dans la table avec JavaScript

Opération JQuery/obtenir code_jquery spécifique à la table

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!