JQuery toArray()用法及代碼示例

toArray() 方法用於將包含在 jQuery 集中的所有元素作為數組返回。

用法

$(selector).toArray()

此方法不接受任何參數。

我們可以通過一個例子來理解toArray()方法的使用。

示例

在本例中，我們使用 toArray() 方法將段落轉換為數組。單擊給定按鈕時，段落元素將轉換為數組，並且將顯示一個警告框，顯示段落元素的 innerHTML。

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<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>
</head>
<body>
<h3> It is an example of using the toArray() method. </h3>

<p> Paragraph 1  </p>
<p> Paragraph 2  </p>
<p> Paragraph 3  </p>
<p> Paragraph 4  </p>

<h4> Click the below button to display the above paragraphs in the form of array. </h4>
<button> Click me </button>
<span></span>
</body>
</html>

輸出

單擊給定的按鈕後，將顯示一個警告框，如下麵的屏幕截圖所示。

同樣，單擊警告框中的“確定”按鈕將顯示另外三個警告框。這是因為程序中有四個段落元素。

相關用法

注：本文由純淨天空篩選整理自 jQuery toArray() method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。