1. 程式人生 > 其它 >關於JQuery通過class或者不同的標籤的拿值 + each遍歷的問題

關於JQuery通過class或者不同的標籤的拿值 + each遍歷的問題

分解下圖的js程式碼


上圖表示點選class為ld_g_states的子標籤a會觸發的方法,用$時,空格一般代表了下級,也就是父與子的關係


傳進來的this引數代表點選的物件,所以$(this)會拿到點選的整個a標籤,這樣就可以對a標籤進行操作,比如拿值,修改值,
比如17行程式碼就是通過attr()拿到了滑鼠點選的這個a標籤的aid值,
siblings()是返回滑鼠點選的元素的其他同級元素,15行就是利用removeClass(),將其他所有的同級元素中移除class屬性中值為on的,
然後16行利用addClass()將點選的這個元素的class屬性中值為on的.


find()會返回後代中所有的相關元素:
單看19行的$(".allStatus").find("a"),就是返回class中值為allStatus的元素的所有子元素中的所有a標籤
text(),設定文字內容,20行就是將返回的p標籤的值設定為全部,
21行的hide()就是將class名為busStatus的元素隱藏,show()是將對應的元素顯示.

4.each遍歷

首先想要通過name拿到一個標籤,就要像338行這樣,說明標籤的型別,這裡是div,類似的還有span,a等等,
然後[]裡面寫上name='name的值',然後span.ld_g_had_checked 的意思是,首先找到這個名字為check_checkedBox的
div,然後找到他的下級標籤, 這個下級標籤是span標籤,然後這個span標籤的class中有ld_g_had_checked,最後each()進行
遍歷,我的需求是一次遍歷到培訓型別.機構型別,這裡要注意下,最終的目的是是要遍歷class中值有ld_g_had_checked的標籤,
如果遍歷$("div[name='check_checkedBox']").each(function(){},那麼就不存在遍歷,只會拿到這個div元素.

下圖為具體標籤: