jquery 關於table的子標籤tbody

2022-02-25 18:10:27 字數 911 閱讀 7494

<

table

>

<

tr><

td>1

td>

tr>

<

tr><

td>2

td>

tr>

table

>

上面是一段很簡單的html**,工作中用到了這樣乙個table

1

我想通過jquery動態操作tbody的html();

然後我寫了這樣的**:

1

var html = "我是tbody";2

3 $("table tbody").html(html);

然後我發現頁面變成了

我是tbody

經過一番測試,發現用js獲取table下tbody 通過table下的子元素tbody這種方式不一定會得到我們想要的結果。

因為 table標籤  缺省會有乙個tbody 這個tbody就是table下面所有的tr。

所以當我們在table下沒有寫tbody或者thead的時候

$("table tbody")就相當於$("table");

如果我們在table下只寫了tbody標籤,並沒有把所有的tr包含進去,那麼$("table tbody")會獲得與我們恰好相反的結果,也就是上面的**,會把我們自己宣告的tbody裡的內容排除在外,取得table裡面tbody外面的內容。

好了!簡單的問題。解決方案也很簡單:

head

body

不要偷懶,用標準的寫法,將thead  tbody寫全,就不會出問題了,妥妥兒的@@

jquery 獲得table 行數

1.獲得table總行數,分別使用了兩種方法,結果不同 1 table id children tr length 只能獲得靜態頁面table 行數。2 table id tr length 可以獲得 在動態增減行數後的行數。2.刪除table行 1 刪除行 for var i 0 i2 刪除行 列...

JQuery實現table分頁

1.直接貼 var pagesize 2 每頁顯示的記錄條數 var curpage 0 顯示第curpage頁 var len 總行數var page 總頁數 function else displaypage lastpage click function else displaypage fu...

Jquery根據JSON生成Table

先說下背景 系統目前使用的是struts1 介面為jsp html 為 大廈 樓層房間 型別朝向 1床2床 3床4床 5床6床 7床8床 9床10床 11床12床 js 為 function else alert b obj.floorid post getbed.jsp function data...