jQuery 是一種 JavaScript 庫,可以快速地編寫 JavaScript 代碼。它為我們提供了遍歷和操縱 HTML DOM 的能力,用最少的代碼實(shí)現(xiàn)最大的效果。
在 jQuery 中,遍歷 div 中的 tabs 可以使用以下代碼:
$(document).ready(function(){ $("div.tabs").each(function(){ //do something }); });
上面的代碼使用了 jQuery 的 each() 方法,它可以迭代一個(gè) jQuery 對(duì)象。在這里,我們將 div.tabs 選擇器作為參數(shù)傳遞給 each() 方法,它將迭代所有的 div.tabs 元素。然后,我們可以在 each() 方法的回調(diào)函數(shù)中執(zhí)行任何操作。
例如,我們可以將每個(gè) tabs 的標(biāo)題保存在一個(gè)數(shù)組中:
$(document).ready(function(){ var titles = []; $("div.tabs").each(function(){ var title = $(this).find("h3").text(); titles.push(title); }); console.log(titles); });
上面的代碼首先創(chuàng)建一個(gè)空數(shù)組 titles,然后迭代 div.tabs 元素。find() 方法用于在當(dāng)前元素的子元素中查找 h3 元素,text() 方法用于獲取 h3 元素的文本內(nèi)容。最后,將標(biāo)題添加到數(shù)組中。
以上是 jQuery 遍歷 div 中 tabs 的一些簡單示例,希望對(duì)你的學(xué)習(xí)有所幫助。