Detaillierte Erklärung, wie jQuery das td-Tag in der Tabelle erhält

Lassen Sie mich zunächst die Probleme vorstellen, auf die ich gestoßen bin

1. Wenn eine Tabelle a34de1251f0d9fe1e645927f19a896e8-Tags enthält, kann man sich das ungefähr wie folgt vorstellen:

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

2. Hier muss ich nur auf den Link „Generieren“ klicken, um das b6c5a531a458a2e790c1fd6421739d1c-Tag von LocalUrl zu finden 🎜>Zuerst klicken wir auf dieses Tag, um das Klickereignis in jQuery auszuführen.

Zuerst muss ich wissen, in welcher Zeile es sich befindet. Dies ist dasselbe wie die Positionierung. Zum Beispiel: Es gibt eine Nanjing Road Nr. 1 in Peking und eine Nanjing Road Nr. 1 in Chengdu. Sie fragen mich, wo ich bin, und ich sage Ihnen, dass ich in der Nanjing Road Nr. 1 bin Ich bin mir sicher, ob ich in Peking oder Chengdu bin. Wir sollten uns also beispielsweise an der Nanjing Road Nr. 1 in Chengdu befinden.

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

Es ist am besten, eq() zu verwenden, um hier eine bestimmte Zeile abzurufen. Wenn der Seitencode geändert werden muss, ist dies sehr mühsam. Wenn Sie sich beispielsweise merken möchten, wo sich mein Haus befindet, müssen Sie nur die Straße und die Hausnummer kennen. Sie wissen nur, dass das erste Haus in dieser Straße mein Haus ist nicht das erste Haus sein (Die Analogie ist etwas unangemessen, aber Computer sind so starr).

Also legen wir eine ID für diesen tr und eine Klasse für QRUrl und LocalUrl fest. Der Code lautet wie folgt:

Dann können Sie ihn in jQuery wie folgt finden:

    <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-Tag wurde gerade gefunden, aber nicht verwendet.

<script type="text/javascript">    
function build(sender) {        
var jqSender = $(sender);        
var sceneid = jqSender.attr(&#39;sceneid&#39;);        
//找到指定行类名为wxurl-col的td标签
        $(&#39;tbody tr[sceneid=&#39; + sceneid + &#39;] td.wxurl-col&#39;)        
        //找到指定行类名为localurl-col的td标签
        $(&#39;tbody tr[sceneid=&#39; + sceneid + &#39;] td.localurl-col&#39;)        
        //找到点击事件的a标签       
        jqSender

}</script>

Die Methode ist wie folgt: Fügen Sie dem Element „Koordinaten“ hinzu. Warum sind es ID und Klassenname? Erstens gibt es viele Zeilen. Die einzige Möglichkeit, es eindeutig zu bestimmen ID hinzufügen. Wenn die Zeile bestimmt ist, kann die Spalte auch eine Klasse sein. Es wird empfohlen, eine Klasse zu verwenden, um unsere CSS-Verwaltung zu erleichtern

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung, wie jQuery das td-Tag in der Tabelle erhält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!