ホームページ > 記事 > ウェブフロントエンド > jqueryを使用してテーブル内のtdタグを取得します
まず、私が遭遇した問題を紹介します
1. テーブルに a34de1251f0d9fe1e645927f19a896e8 タグと b6c5a531a458a2e790c1fd6421739d1c タグが含まれている場合、次のように考えることができます。 onclick イベントがあるので、「生成」リンクをクリックして QRUrl の b6c5a531a458a2e790c1fd6421739d1c タグと LocalUrl の b6c5a531a458a2e790c1fd6421739d1c タグをクリックするだけです。 jQuery
のevent function build(sender){ var jqSender = $(sender); ここでは、jsオブジェクトを$()でjqueryオブジェクトに変換し、2つの「+」の間に以下の内容を配置します。 。
<tr> <td> @scene.ID </td> <td> @scene.SceneName </td> <td> @scene.QRUrl </td> <td> @scene.LocalUrl </td> <td> <!--如果有图片,展示图片,没有图片生成图片--> <!--判断localUrl(本地服务器路径)是否为空,如果为空,表示没有生成,如果不为空表示已经生成--> @if (!string.IsNullOrWhiteSpace(scene.LocalUrl)) { <!--图片不为空,展示图片地址--> <img src="@scene.LocalUrl" style="width:200px; height:100px"/> } else { <!--图片为空,生成图片--> <a sceneid="@scene.ID" href="#" onclick="build(this);">生成</a> } </td> </tr>
次に、jQuery で次のように見つけることができます:
<tr sceneid="@scene.ID"> <td> @scene.ID </td> <td> @scene.SceneName </td> <td class="wxurl-col"> @scene.QRUrl </td> <td class="localurl-col"> @scene.LocalUrl </td> <td> <!--如果有图片,展示图片,没有图片生成图片--> <!--判断localUrl(本地服务器路径)是否为空,如果为空,表示没有生成,如果不为空表示已经生成--> @if (!string.IsNullOrWhiteSpace(scene.LocalUrl)) { <!--图片不为空,展示图片地址--> <img src="@scene.LocalUrl" style="width:200px; height:100px"/> } else { <!--图片为空,生成图片--> <a sceneid="@scene.ID" href="#" onclick="build(this);">生成</a> } </td> </tr>
メソッドは次のようになります。要素に「座標」を追加します。なぜそれぞれIDとクラス名なのでしょうか? まず、行がたくさんある場合、それを一意に決定する唯一の方法です。 CSS の管理を容易にするクラスを使用することをお勧めします
以上がjqueryを使用してテーブル内のtdタグを取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。