??? 項目中有個地方,一個頁面顯示兩種商品,顯示商品參數的時候有可以兩種商品的參數數目不一致,這就導致了一邊長一邊短的,現在要做成如下圖所示的:
??? 一開始的時候先隱藏一部分參數,點擊按鈕后顯示余下的參數,自己想了一下,基本思路是:頁面進入時跟以前一樣把商品參數全都取出來,然后利用jquery選擇表格,把表格中行數>3的進行隱藏,點擊按鈕后再把表格中隱藏的行顯示出來。
??? 顯示隱藏行都好做,主要就是篩選表格的某行以前沒做過,自己實驗了一下,得如下jquery代碼:
??? 給要隱藏的表格加上一個param的class,方便在JS中選擇,然后通過each對找到的每個表格依次進行each中的操作,重點就是filter這個jquery的篩選方法了,相信大家看了代碼后都應該大概或許懂得啥回事了,index就是索引,從0開始,以上代碼就是選擇表格的第4行以后的行,讓行的背景色變為紅色!!!
??? 記得之前得先引入JQUERY的內褲。
??? 一開始的時候先隱藏一部分參數,點擊按鈕后顯示余下的參數,自己想了一下,基本思路是:頁面進入時跟以前一樣把商品參數全都取出來,然后利用jquery選擇表格,把表格中行數>3的進行隱藏,點擊按鈕后再把表格中隱藏的行顯示出來。
??? 顯示隱藏行都好做,主要就是篩選表格的某行以前沒做過,自己實驗了一下,得如下jquery代碼:
$("table.param").each(function() { $(this).find("tr").filter(function(index) { return index > 3; }).css("backgroundColor", "#f00"); });
??? 給要隱藏的表格加上一個param的class,方便在JS中選擇,然后通過each對找到的每個表格依次進行each中的操作,重點就是filter這個jquery的篩選方法了,相信大家看了代碼后都應該大概或許懂得啥回事了,index就是索引,從0開始,以上代碼就是選擇表格的第4行以后的行,讓行的背景色變為紅色!!!
??? 記得之前得先引入JQUERY的內褲。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
