jquery获取标签内容到数组并显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery获取标签内容到数组并显示相关的知识,希望对你有一定的参考价值。

有一个例如
<div>
<dl>
<dt">
<a href="plugin.php?id=votes:home&actid=1" target="_blank">
<img style="width: 340px;height:180px;border:1px #cccccc solid;padding:4px;" src="activitypic_1.jpg">
</a>
</dt>
<dd>
<h1>
<a style="float: left;font-size: 18px;" href="plugin.php?id=votes:home&actid=1" target="_blank">
全球大赛征稿启事</a>
</h1>
<p>

大赛介绍

本次大赛不设主题,参赛作品内容、形式均不限,按纪实和艺术两类分别投稿。
1.纪实类:纪实摄影是指以客观记录的方式关注社会生活、自然生态环境、民俗风情等各类题材的作品。纪实类作品不得对原始画面的内容进行增加或删减。在后期制作中,可对影调和色彩等进行适度调整,以不违背拍摄对象客观真实属性为准。彩色照片可整体(不可 ...
</p>
<a href="javascript:void(0);" >详细</a>
</dd>
</dl>
</div>

<div>
<dl>
<dt">
<a href="plugin.php?id=votes:home&actid=1" target="_blank">
<img style="width: 340px;height:180px;border:1px #cccccc solid;padding:4px;" src="activitypic_1.jpg">
</a>
</dt>
<dd>
<h1>
<a style="float: left;font-size: 18px;" href="plugin.php?id=votes:home&actid=1" target="_blank">
全球大赛征稿启事</a>
</h1>
<p>

大赛介绍

本次大赛不设主题,参赛作品内容、形式均不限,按纪实和艺术两类分别投稿。
1.纪实类:纪实摄影是指以客观记录的方式关注社会生活、自然生态环境、民俗风情等各类题材的作品。纪实类作品不得对原始画面的内容进行增加或删减。在后期制作中,可对影调和色彩等进行适度调整,以不违背拍摄对象客观真实属性为准。彩色照片可整体(不可 ...
</p>
<a href="javascript:void(0);" >详细</a>
</dd>
</dl>
</div>
这样的页面,请问如何用jquery把<p></p>中的内容写到数组,并且输出出来!
没有分了,谢谢!
本人是菜鸟,对JS不熟悉,希望能有详细的答案,谢谢了!

参考技术A $(function()
var arr = new Array();
var $p = $("p");
for(var i = 0 ; i < $p.size(); i++)
arr.push($p.eq(i).text());

console.log(arr);
);
参考技术B

没看上面几个的回答,不知道正确与否,但至少不会那么复杂,

jquery里把获取到的标签里的内容放到数组 里,并显示,只用一句代码就能实现的:

var b=$("p").map(function()return $(this).text();).get();
alert(b.join());

这里有亲测演示:jquery里用$.map把指定标签里的文本生成数组

参考技术C var arr = [];
$("p").each(function(i,dom)
arr[i] = $(this).text();

);
参考技术D var b = [];
for (var i = 0;i < $('p').length; i++)
b.push($('p').eq(i).text());

console.log(b);

jQuery中获取a标签的值

如题,一组相同action的a标签,不同的是a标签的内容为搜索内容。点击页面显示不同的数据

刚开始试过在 a标签中添加 value值 和id 的值,结果在jQuery中获取值均失败!

后来发现,根本不用那么复杂,可以直接获得a标签的html()内容或文本内容text()

/**
* 点击最新、热销点卡榜单显示点卡信息
*/
$(".rankings").click(function () {
var info=$(this).html();
num=1;//这个不加跟页码有冲突
getPage(0,num,info);
});

 

以上是关于jquery获取标签内容到数组并显示的主要内容,如果未能解决你的问题,请参考以下文章

在jQuery中,通过方法啥获取元素标签内容?

jquery怎么获取lable标签里面的内容?

用jquery怎么获取页面的特定内容

怎么使用jquery获得标签的值或元素的内容

jQuery中获取a标签的值

jquery如何获取子标签的ID值