jQuery gets td tag in table table-JS Tutorial-php.cn

This article mainly brings you an article on jQuery to obtain the td tag in the table table (explanation with examples). The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor to take a look, I hope it can help everyone.

First of all, let me introduce the problems I encountered

1. When a table containstags andtags, it can be roughly considered as follows:

  @scene.ID   @scene.SceneName   @scene.QRUrl   @scene.LocalUrl     @if (!string.IsNullOrWhiteSpace(scene.LocalUrl)) {   } else {  生成 }

Copy after login

2. There is an onclick event here. All I have to do is click the "Generate" link and find thetag of QRUrl and thetag of LocalUrl

First We click on this a tag to execute the click event in jQuery

function build(sender){ var jqSender = $(sender); + +} Here the js object is converted into a jquery object through $(), as follows The content is placed between two "+".

var sceneid = jqSender.attr('sceneid'); //attr can find the value of the object's attribute. Here we find the value of the sceneid attribute.

I need to get the td tag , first I should know which row it is in, which is the same as positioning. For example: There is a No. 1 Nanjing Road in Beijing, and there is a No. 1 Nanjing Road in Chengdu. You ask me where I am, and I tell you that I am at No. 1 Nanjing Road. Can you be sure whether I am in Beijing or Chengdu, so we should To locate, say we are at No. 1 Nanjing Road, Chengdu.

It is best to use eq() to get a certain row here. If the page code needs to be modified, this will be very troublesome. For example, if you want to remember where my house is, what you need to know is the street and house number. You only know that the first house on this street is my house. If someone else adds a new house here, it will not be the first house. (The analogy is a little inappropriate, but computers are so rigid).

So, we set an id for this tr and a class for QRUrl and LocalUrl. The code is as follows:

  @scene.ID   @scene.SceneName   @scene.QRUrl   @scene.LocalUrl     @if (!string.IsNullOrWhiteSpace(scene.LocalUrl)) {   } else {  生成 }

Copy after login

Then you can find it in jQuery like this:

Copy after login

## The #td tag is only found but not used.

The method is like this, add "coordinates" to the element, why are they id and class name respectively? First of all, there are many rows. The only way to uniquely determine it is to add id. When the row is determined, the column can be either id or class, it is recommended to use class to facilitate the management of our CSS

Note: This essay is for reference only, and there are many small flaws. The most important thing is not the code, the logic is the most important.

Related recommendations:

Detailed explanation of jQuery implementation to obtain the row number and column number of the mouse click position in the table

How to obtain the table in JavaScript The value of a certain column

Implementation code for using jQuery to obtain the row id and td value in the table_jquery

The above is the detailed content of jQuery gets td tag in table table. For more information, please follow other related articles on the PHP Chinese website!