jQuery是一款使用JavaScript編寫的集成DOM操作的庫,盡管它的主要作用是簡化DOM操作,但是在jQuery中也存在著許多非常重要的函數和方法。其中,一個非常有用的函數就是children(),它用于選取一個元素的所有子元素。
$(selector).children(filter)
children()方法可以接受一個可選參數,用于指定只返回符合特定條件的子元素。這個參數可以是一個CSS選擇器,也可以是一個DOM元素。
$(selector).children('.class') $(selector).children('li') $(selector).children('#id')
返回的內容是一個包含所有符合條件的子元素的jQuery對象。它們的順序是按照HTML代碼中它們的先后排列的。如果在children()方法的參數中沒有指定任何選擇器,那么將會返回所有的子元素。
$(selector).children()
需要注意的是,children()方法只會返回直接子元素,如果需要返回所有子元素,則需要使用find()方法。我們可以使用children()方法以非常方便的方式訪問一個元素的所有子元素的文本內容。
$(selector).children().text()
這樣,我們就可以非常方便地獲取到一個元素的所有子元素的文本內容,這對于一些需要操作元素內容的JS應用來說非常實用。