jQuery中的toArray()方法用於以數組形式返回與jQuery選擇器匹配的元素。
用法
$(selector).toArray()
參數:此方法不接受任何參數。
範例1:此方法使用toArray()方法以數組形式顯示段落。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery Misc toArray() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>jQuery Misc toArray() Method</h2>
<button>Click</button>
<p>Geeks1</p>
<p>Geeks2</p>
<p>Geeks3</p>
<!-- Script to use toArray() method -->
<script>
$(document).ready(function() {
$("button").click(function() {
var i;
var x = $("p").toArray()
for (i = 0; i< x.length; i++) {
alert(x[i].innerHTML);
}
});
});
</script>
</body>
</html>
輸出:
- 之前單擊按鈕:
- 單擊按鈕後:
範例2:本示例使用toArray()方法顯示數組元素。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery Misc toArray() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body style="text-align:center">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>jQuery Misc toArray() Method</h2>
<button>Click</button>
<p>Geeks1-Geeks2-Geeks3</p>
<div style="color:lightgreen;"></div>
<!-- This example use toArray() method -->
<script>
$(document).ready(function(){
$("button").click(function(){
var i;
var x = $("p").toArray()
for (i = 0; i< x.length; i++) {
$("div").text(x[i].innerHTML);
}
});
});
</script>
</body>
</html>
輸出:
- 之前單擊按鈕:
- 單擊按鈕後:
相關用法
- JQuery Misc get()用法及代碼示例
- JQuery Misc each()用法及代碼示例
- JQuery Misc param()用法及代碼示例
- JQuery die()用法及代碼示例
- JQuery before()用法及代碼示例
- JQuery off()用法及代碼示例
- JQuery add()用法及代碼示例
- JQuery css()用法及代碼示例
- JQuery get()用法及代碼示例
- JQuery is()用法及代碼示例
- JQuery post()用法及代碼示例
- JQuery param()用法及代碼示例
- JQuery ajaxStart()用法及代碼示例
- JQuery unload()用法及代碼示例
注:本文由純淨天空篩選整理自SHUBHAMSINGH10大神的英文原創作品 jQuery | Misc toArray() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。