怎么获取el-form-items是第几行
时间: 2024-01-09 08:03:32 浏览: 18
如果您想获取 `el-form-item` 是第几行,可以使用 `Array.prototype.indexOf()` 方法来遍历所有 `el-form-item`,并找到目标元素在数组中的索引位置。
以下是一个示例代码:
```javascript
// 获取目标 el-form-item 元素
const targetFormItem = document.querySelector('#target-form-item');
// 获取包含所有 el-form-item 的父元素
const formItemsContainer = document.querySelector('#form-items-container');
// 获取所有 el-form-item 元素
const formItems = Array.from(formItemsContainer.querySelectorAll('.el-form-item'));
// 找到目标元素在数组中的索引位置
const targetIndex = formItems.indexOf(targetFormItem);
// targetIndex 就是目标 el-form-item 元素在表单中的行数(从0开始计数)
console.log(`Target form item is in row ${targetIndex + 1}`);
```
请注意,上述代码假设您已经将所有 `el-form-item` 包装在一个父元素中,并且您正在使用 `querySelectorAll()` 方法来获取所有元素。如果您的情况不同,请相应地修改代码。