jquery获取其他页面input的内容
时间: 2023-11-24 13:06:20 浏览: 40
可以使用jQuery的load()方法来获取其他页面的内容,然后再使用jQuery的find()方法来查找指定的input元素并获取其内容。示例代码如下:
```javascript
$(document).ready(function(){
// 加载其他页面的内容
$("#otherPage").load("http://www.example.com/otherpage.html", function(){
// 查找指定的input元素并获取其内容
var inputVal = $("#otherPage").find("input[name='inputName']").val();
console.log(inputVal);
});
});
```
其中,`#otherPage`是一个空的div元素,用于存放加载的其他页面的内容。`load()`方法的第一个参数指定要加载的页面的URL,第二个参数是一个回调函数,当页面加载完成时执行。
在回调函数中,使用`find()`方法查找指定的input元素,`input[name='inputName']`表示查找`name`属性为`inputName`的input元素,然后使用`val()`方法获取其内容。最后将获取到的内容输出到控制台。
相关问题
jquery中怎么获取父页面input的值
如果你想要获取父页面(包含iframe的页面)中的input元素的值,可以使用jQuery的`.contents()`方法获取iframe的内容,再使用`.find()`方法查找该iframe中的input元素,最后使用`.val()`方法获取input元素的值。具体可以使用以下代码实现:
```javascript
var inputValue = $('iframe').contents().find('input').val();
```
其中,`$('iframe')`表示选择所有的iframe元素,可以根据实际情况替换成你需要的iframe选择器。如果iframe中含有多个input元素,你可以使用`.eq()`方法指定获取第几个input元素的值,例如:
```javascript
var inputValue = $('iframe').contents().find('input').eq(0).val();
```
表示获取iframe中第一个input元素的值。
那如何通过jquery获取非input元素,页面数据生成数组
可以通过 jQuery 的选择器来获取非 input 元素,然后遍历这些元素,将它们的数据存入数组中。以下是一个示例代码:
```javascript
var dataArray = []; // 定义一个空数组
// 选择你需要获取数据的元素,并遍历它们
$('.target-element').each(function() {
var data = $(this).data('value'); // 获取元素的数据
dataArray.push(data); // 将数据存入数组中
});
console.log(dataArray); // 打印数组
```
在上面的代码中,我们使用了 `.target-element` 选择器来获取需要获取数据的元素,使用 `.each()` 方法来遍历这些元素,然后通过 `.data()` 方法获取元素的数据,并将数据存入 `dataArray` 数组中。最后,我们通过 `console.log()` 方法打印数组。