javascript - 用jquer怎么提取这个页面的信息并返回一个json形式
本文介绍了javascript - 用jquer怎么提取这个页面的信息并返回一个json形式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<body>
<div class="wrap">
<img src="../img/head1.jpg" alt="">
<h6>外星人</h6>
<p>来自外星的外星人</p>
</div>
<div class="wrap">
<img src="../img/head2.jpg" alt="">
<h6>外星人2</h6>
<p>来自外星的外星人2</p>
</div>
<div class="wrap">
<img src="../img/head3.jpg" alt="">
<h6>外星人3</h6>
<p>来自外星的外星人3</p>
</div>
<input type="button" value="获取">
</body>问下用jQuery怎么获取每个wrap下面img的src值，h6的文本，p的文本？
并返回成这样的结构
[{pos: ../img/head1.jpg, name: 外星人, content：来自外星的外星人}，{pos: ../img/head2.jpg, name: 外星人2, content：来自外星的外星人2}，{pos: ../img/head3.jpg, name: 外星人3, content：来自外星的外星人3}]解决方案
var result=[];
$(".wrap").each(function(i,item){
result.push(
{
pos:$(item).find("img").attr("src"),
name:$(item).find("h6").html(),
content:$(item).find("p").html()
});
})
console.log(result);
自己可以参考手册多练练~
这篇关于javascript - 用jquer怎么提取这个页面的信息并返回一个json形式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
