jquery 給滿足條件的td改變樣式

2021-08-20 23:39:54 字數 625 閱讀 1685

本篇重點是在學:

1、jquery 選擇器 

2、jquery find()

3、jquery each()

內容描述:

給一張**,用來顏色來顯示事務的不同狀態,紅色代表有人,藍色代表空閒,黃色代表繁忙,怎樣用jquery來實現這樣的效果?

html部分:

121

3 212

2 323

1

測試按鈕:測試

css部分

jquery部分:

內容解析:

text1,text2,text3代表的是**中td標籤內的值,我將不同的狀態設定成不同的值,

然後通過each遍歷來得到所有的td標籤,再通過獲取td標籤的內容與設定的值進行對比,滿足條件則顯示對應的顏色。

重難點:

對find的理解,find是找到所有,在這裡我們要找的只有td標籤,所以要將東西放入到最接近td標籤的tr標籤上。通過遍歷獲取所有的td標籤。

最終效果:

找到滿足條件的陣列

給定函式d n n n的各位之和,n為正整數,如d 78 78 7 8 93。這樣這個函式可以看成乙個生成器,如93可以看成由78生成。定義數a 數a找不到乙個數b可以由d b a,即a不能由其他數生成。現在要寫程式,找出1至10000裡的所有符合數a定義的數。先申請乙個長度為10000的bool陣...

滿足條件的數(快手)

輸入乙個一位陣列,找出這個陣列中,所有滿足以下條件的元素 1.這個數左邊的所有元素都小於他 2.這個數右邊的數都大於他。樣例 輸入 輸出 9 15,10 11,20 39 9,20,39 採用單調棧,入棧的條件 如果當前的棧頂元素,st.top a i 那麼當前棧頂元素肯定不滿足,所以需要一直pop...

滿足條件的有序表生成

元素定義為整型,首先從鍵盤獲取元素分別儲存到a,b,c中,然後對a,b,c進行排序,排序可以選擇冒泡,選擇排序等等的排序演算法。排完序後,對於後面的操作就顯得很容易了。先從b與c中找出它們相同的元素,然後在a查詢是否存在.即從b和c的表頭元素先進行比較,如果b的比較小,則b移動到下乙個元素,繼續和c...