jQuery中的map()函數(shù)是一個強大的工具，可以用于將一組元素映射到另一組元素上。它的基本語法如下：
$("selector").map(function(index, element) {
// 處理邏輯
});其中，selector是要映射的元素集合所對應的CSS選擇器，可以是div、ul、ol等HTML元素，也可以是具有某些類名或屬性的元素。function是回調(diào)函數(shù)，index表示元素在集合中的位置，element表示代表當前元素的DOM對象。map()函數(shù)將回調(diào)函數(shù)返回的結果組成一個新的jQuery對象，并返回該對象。
舉個例子，假設我們有以下HTML代碼：
<ul id="list"> <li>蘋果</li> <li>香蕉</li> <li>橘子</li> </ul>
如果我們想將每個
var upperCaseList = $("#list li").map(function(index, element) {
return $(element).text().toUpperCase();
});執(zhí)行完以上代碼后，upperCaseList將包含一個由大寫字母構成的新jQuery對象，其內(nèi)容為["蘋果", "香蕉", "橘子"]。
值得注意的是，map()函數(shù)能夠處理的數(shù)據(jù)類型不僅限于HTML元素，也可以是普通的JavaScript數(shù)組。如果我們有一個數(shù)字數(shù)組[1, 2, 3, 4]，想要將其每個元素加1，并返回一個新的數(shù)組，可以使用如下代碼：
var numList = [1, 2, 3, 4];
var result = $.map(numList, function(num) {
return num + 1;
});執(zhí)行完以上代碼后，result將包含一個由數(shù)字構成的新數(shù)組，其內(nèi)容為[2, 3, 4, 5]。
上一篇dockerrunu
下一篇純css自定義單選框樣式