在前端開發中,我們經常需要通過jQuery獲取元素的子元素的類名。下面就是一種簡單的方法,可以幫助我們完成這個任務。
$(document).ready(function() { var classNames = []; $('parentElement').find('*').each(function() { //替換parentElement為需要查找的父元素 var classes = $(this).attr('class'); if (classes) { classNames.push(classes); } }); console.log(classNames); //將子元素類名輸出到控制臺 });
以上的JavaScript代碼實現了獲取父元素下所有子元素類名的功能。如需查找自身類名,可以將find('*')去掉,直接對父元素使用attr('class')即可。此外,對于多個子元素類名,我們可以通過split(' ')方法分割字符串,獲取每個單獨的類名。以上代碼實現了遍歷每個子元素,并將其類名存儲到classNames數組中的功能。最后,我們可以使用console.log()來輸出這些類名,在瀏覽器控制臺中查看。