jqueryで行の値を変更する方法

WBOY
WBOYオリジナル
2021-12-01 09:51:302532ブラウズ

特定の行の値を変更する Jquery メソッド: 1. eq() メソッドを使用して、指定された行要素オブジェクトを取得します。構文は「element object.eq (行要素のインデックス)」です。 2. html()メソッドを使用して、取得した指定の行要素オブジェクトの値を変更する場合、構文は「行要素オブジェクト.html(変更値)」となります。

jqueryで行の値を変更する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery が特定の行の値を変更する方法

HTML メソッドと eq() メソッドを使用して、行の値を変更できます。とある列。

eq() メソッドは、選択された要素の指定されたインデックス番号を持つ要素を返します。インデックス番号は 0 から始まるため、最初の要素のインデックス番号は 0 (1 ではありません) になります。

構文は次のとおりです。

$(selector).eq(index)

html() メソッドは、選択された要素 (内部 HTML) のコンテンツを返すか、設定します。このメソッドがパラメータを設定しない場合は、選択した要素の現在のコンテンツを返します。

構文は次のとおりです:

$(selector).html(content)

特定の行の値を変更する方法を見てみましょう。例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("tr").eq(0).html("<td>hello</td>");
  });
});
</script>
</head>
<body>
<table border="1">
  <tr>
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
    <tr>
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
</table>
<button class="btn1">改变第一行的元素的内容</button>
</body>
</html>

出力結果:

jqueryで行の値を変更する方法

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjqueryで行の値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。