溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
獲得由選擇器指定的 DOM 元素
語法
$(選擇器).get(index)
參數
規定獲取哪個匹配元素(通過 index 編號獲取,從0開始)<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#bt1").click(function() {
var x = $("p").get(0);
$("div").text(x.nodeName + ": " + x.innerHTML);
});
$("#bt2").click(function() {
var x = $("p").get(1);
$("div").text(x.nodeName + ": " + x.innerHTML);
});
});</script>
</head>
<body>
<p>測試01</p>
<p>測試02</p>
<button id="bt1">獲得 第一個p DOM 元素</button>
<button id="bt2">獲得 第二個p DOM 元素</button>
<div></div>
</body>
</html>
把每個元素通過函數傳遞到當前匹配集合中,生成包含返回值的新的 jQuery 對象
語法
.map(callback(index,domElement)))
參數
對當前集合中的每個元素調用的函數對象
詳細說明
由于返回值是 jQuery 封裝的數組，使用 get() 來處理返回的對象以得到基礎的數組
可以通過 .get().join(',') 能夠獲得逗號分隔的文本信息,也可以定義為你想使用的其他符號<!DOCTYPE html>
<html>
<head>
<style>p { color:red; }</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<p><b>Values:</b></p>
<form>
<input type="text" name="name" value="admin" />
<input type="text" name="password" value="password" />
<input type="text" name="url" value="http://baidu.com" />
</form>
<button id="bt1">獲取所有input元素的值</button>
<script type="text/javascript">
$("#bt1").click(function() {
var values = $("input").map(function() {
return $(this).val();
}).get().join(",");
$("p").append(values);
})
</script>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
