我们可以使用 jQuery.makeArray() 方法或 jQuery.each() 方法使用 jQuery 将元素列表转换为数组。 makeArray() 方法是执行此任务的最便捷方法。该方法用于将对象转换为本机数组。
使用 jQuery makeArray() 方法
jQuery 中的 $.makeArray() 方法将类似数组的对象转换为 JavaScript 数组。它需要一个参数并将其转换为数组。
以下是 $.makeArray() 方法的语法 -
$.makeArray(obj)
这里 obj 是我们要转换为数组的对象。
以下是我们将遵循的步骤。
使用 jQuery 选择无序列表项
使用 jQuery 的 makeArray 方法将列表转换为数组
将数组中的每个项目映射到其innerHTML 属性
现在你得到了元素数组，你可以将它用作普通的 JavaScript 数组。
示例
在此示例中，如果 jQuery，我们将使用 $.makeArray( ) 方法将元素列表转换为数组。
网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件
Convert list of elements in an array using jQuery
Click the following button to convert list of elements in an array
Given List
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Array of list items:
使用 jQueryeach() 方法
jQuery 中的each() 方法用于迭代数组、对象和所有可迭代项。要使用 jQuery 转换数组中的元素列表，我们遵循下面给出的步骤
使用 $(“ul li”) 选择所有列表项
创建一个空数组来存储列表项
使用each()方法循环遍历所有选定的项目
在每次迭代中，当前列表项的innerText都会被推入“items”数组中。
将列表项显示到浏览器。
示例
在此示例中，我们使用 Jquery 的 $.each( ) 方法将元素列表转换为数组。
Convert list of elements in an array using jQuery
Click the following button to convert list of elements in an array
Given List
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Array of list items:
