Detaillierte Erklärung, wie jQuery den Wert einer bestimmten Tabellenspalte erhält

In diesem Artikel wird hauptsächlich jQuery vorgestellt, um den Wert einer bestimmten Tabellenspalte zu ermitteln. Es ist sehr gut und hat einen Referenzwert. Ich hoffe, es kann jedem helfen.

Aber es ist völlig anders, als dieser Artikel sagt. Was Insus.NET benötigt, ist jQuery, um die Daten einer bestimmten Zeile und Spalte der HTML-Tabelle abzurufen.

Die folgende Tabelle:

Html-Code:

<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>

Wenn der Benutzer klickt auf einer Zeile Wenn Sie die Schaltfläche in der letzten Spalte „auswählen“, möchten Sie die Daten einer Spalte in dieser Zeile dieser Schaltfläche erhalten.

Insus.NET verfügt über die in der Abbildung gezeigten Spalten und Indizes. Der Index beginnt bei 0. Wenn Sie den Wert der Spalte „Ausgabenposten“ erhalten möchten, ist der Spaltenindex dieser Spalte 2.

Demonstration:

Oben erhalten wir den Wert mit der .text()-Methode. Aber irgendwann möchten Sie den Wert der Spalte erhalten, bei dem es sich um HTML-Code handelt, dann können wir die Methode .html() verwenden. Insus.NET ist unten leicht modifiziert:

Demonstration:

Tatsächlich werden Indizes verwendet, um Werte zu erhalten ist nur eine Methode, aber nicht die ideale Methode der Wahl für Insus.NET. Da Datenzeilen dynamisch gerendert werden, können sich auch Spalten ändern. Daher ist Insus.NET immer noch daran gewöhnt, Stilklassen zu verwenden, um dies zu erreichen:

Wenn Sie beispielsweise den Wert der Spalte „Kostenerklärung“ erhalten möchten, fügen Sie dieser Spalte eine Klasse hinzu:

jQuery-Code:

Demo:

Verwandte Empfehlungen:

jQuery ruft das td-Tag in der Tabelle ab

So erhalten Sie den Wert einer Spalte die Tabelle mit JavaScript

JQuery-Operation/Tabellenspezifischen Code abrufen_jquery

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung, wie jQuery den Wert einer bestimmten Tabellenspalte erhält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!