jQueryがテーブル内のtdタグを取得する方法の詳細な説明

まず、私が遭遇した問題を紹介します

1. タグとタグを含むテーブルがある場合、次のようになります。 onclick イベントでは、[生成] リンクをクリックして QRUrl の タグと LocalUrl の タグを見つけます

まず、このタグをクリックしてクリック イベントを実行します。 jQuery

<p style="margin-bottom: 7px;"><tr><br/>        <td><br/>            @scene.ID        </td><br/>        <td><br/>            @scene.SceneName        </td><br/>        <td><br/>            @scene.QRUrl        </td><br/>        <td><br/>            @scene.LocalUrl        </td><br/>        <td><br/>            <!--如果有图片，展示图片，没有图片生成图片--><br/>            <!--判断localUrl（本地服务器路径）是否为空，如果为空，表示没有生成，如果不为空表示已经生成--><br/>            @if (!string.IsNullOrWhiteSpace(scene.LocalUrl))<br/>            {                <!--图片不为空，展示图片地址--><br/>                <img src="@scene.LocalUrl" style="width:200px; height:100px"/><br/>            }<br/>            else<br/>            {                <!--图片为空，生成图片--><br/>                <a sceneid="@scene.ID" href="#" onclick="build(this);">生成</a><br/>            }        </td></tr><br/></p>

tdタグを取得するには、まずそれがどの行にあるかを知る必要があります。これは位置決めと同じです。例: 北京には南京一路があり、成都にも南京一路があります。あなたが私にどこにいるかと尋ねると、私は南京一路にいると答えます。私が北京にいるのか成都にいるのかは確かなので、場所を特定する必要があります。たとえば、私たちが成都の南京路一号にいるとします。

ここで特定の行を取得するには eq() を使用するのが最善です。ページのコードを変更する必要がある場合、これは非常に面倒です。たとえば、私の家の場所を覚えておきたい場合、知っておく必要があるのは通りと家の番号です。誰かがここに新しい家を追加した場合にのみ、この通りの最初の家が私の家であることがわかります。 （たとえが少し不適切ですが、コンピュータは非常に厳格です）。

それで、この tr の ID と QRUrl と LocalUrl のクラスを設定します。コードは次のとおりです:

function build(sender){ var jqSender = $(sender); + +} 这里把js对象通过 $()转变成了jquery对象，下面的内容放在两个“+”之间。
var sceneid = jqSender.attr('sceneid'); //attr可以找到对象的属性的值，这里我们找到了sceneid这个属性的值

次に、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>

td タグは見つかるだけで、使用されません。 。

メソッドは次のようになります。要素に「座標」を追加します。なぜそれぞれIDとクラス名なのでしょうか? まず、行がたくさんあるときにそれを一意に決定する唯一の方法です。 CSS管理を容易にするためにクラスを使用することをお勧めします
。

以上がjQueryがテーブル内のtdタグを取得する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。