jQuery獲取table表中的td標籤

2022-04-07 15:39:17 字數 1638 閱讀 9893

首先我來介紹一下我遇到的問題

1.當有乙個table表包含了標籤,標籤,大致可以認為是這樣的:

<

tr>

<

td>

@scene.id

td>

<

td>

@scene.scenename

td>

<

td>

@scene.qrurl

td>

<

td>

@scene.localurl

td>

<

td>

@if (!string.isnullorwhitespace(scene.localurl))

else

td>

tr>

view code

2.這裡有乙個onclick事件,我要做的就是點選「生成」鏈結,要找到qrurl的標籤和localurl的標籤

首先我們點選這個a標籤,執行jquery中的點選事件

function build(sender) 這裡把js物件通過 $()轉變成了jquery物件,下面的內容放在兩個「+」之間。

var sceneid = jqsender.attr('sceneid'); //attr可以找到物件的屬性的值,這裡我們找到了sceneid這個屬性的值

我需要拿到td標籤,首先我應該知道是在哪一行,這跟定位是一樣的。比如:在北京有一條南京路1號,在成都也有一條南京路1號,你問我在哪兒,我告訴你我在南京路1號,你能確定我是在北京還是成都嗎,所以我們應該要定位,說我們在成都的南京路1號。

這裡最好也要用eq()來獲取某一行,如果頁面**需要修改,這會很麻煩。比如你要記我家在**,你需要知道的是街道、門牌號,你只知道是這條街第一座房子是我家,萬一別人在這新增了一座房子,那就不是第一家了(比喻有點不恰當,但是計算機就是這麼死板)。

所以,我們給這個tr設乙個id,給qrurl和localurl設乙個class,**如下:

<

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>

@if (!string.isnullorwhitespace(scene.localurl))

else

td>

tr>

view code

那在jquery裡面就可以這樣去找:

view code

td標籤只是找出來了,並沒有使用。

方法就是這樣,給元素加「座標」,為什麼分別是id和類名,首先有很多行,要唯一確定只有加id,當行確定了,那列就可以是id也可以是class,建議用class,便於我們css的管理

Jquery中獲取table中某列值的具體思路

由於要獲取某列中的乙個id值,如果用js傳值的方式此問題就不存在,由於此次用到的都是jquery外掛程式,包括各種彈出框,用js傳值就得用js那醜陋的彈出框,所以,你懂得 花了一晚上的時間解決了乙個看似很容易的問題。今晚做的這個東西中由於要獲取某列中的乙個id值。如果是用平常的那種js傳值的方式此問...

jQuery獲取Table某列的值

在寫此篇博文時,發現在以前曾寫過 獲取datatable選擇第一行某一列值 但是與此篇所說的完全不一樣。這篇insus.net需要的是jquery去獲取html table的某一行某一列的資料。如下表 th 費用名目 th th 費用解釋 th th 收費明細 th th 幣種 th th styl...

使用jquery獲取table選中行的其他列的值

由於今天需要寫乙個 在table中,根據按鈕選中的行,獲取同一行其他的值 傳到後台controller的功能。剛開始也琢磨了一段時間,然後寫出來了。這是我寫的乙個這個功能的小例子,記錄一下。btn click function class為btn的元素單擊事件 就是刪除的按鈕單擊的時候 this p...