js如何取A标签中的是值
来源:互联网 发布:产品设计的软件 编辑:程序博客网 时间:2024/06/05 19:15
js如何取A标签中的是值,如:<a href=#>AAAA</a>,<a href=#>BBBB</a>我要取得的值是AAAA和BBBB,不是属性值。
先看下,这个dom结构,我这个用jQuery做,不是纯粹的js。
可以看到,这就是博客文章的列表页面,每个文章都是一个a标签,我现在除了获得a标签的href(文章的地址链接)属性外,还想获得,每个a标签的内容。也就是文章的标题啦。
var all = $("#container").find(".link_title a");var allLength = all.length;var result = [];for (var i = 0; i < allLength; i++) { var obj = { title: $(all[i]).text().trim(), id: $(all[i]).attr("href").substring(29) }; result.push(obj);}
上面是js代码,主要功能,就是如上所说,获得标签的href的id,以及a标签的内容。
下面是代码运行的结果。
这个代码是直接可以在浏览器里面调试的。搞web的估计都知道,不搞的或者没搞过的可能不知道。
这个就是chrome浏览器的debug模式吧,算是。f12,就可以啦,然后选console,就可以测试一些js,jQuery的简单用法啦。
我一般就是这么干的。
还可以注意下,下面这张截图,看看这个差别在哪。
问题虽然简单的不行,就当我做个笔记吧,刚刚开始的时候,我就是如最后一图那样,显示all[0].text,得到值了,但是移动到函数里面加上$( )变成jQuery对象之后,就又报错了。尝试了几下才算搞定。
阅读全文
2 0
- js如何取A标签中的是值
- <a>标签中的href如何调用js代码
- <a>标签中的href如何调用js代码
- <a>标签中的href如何调用js代码
- <a>标签中的href如何调用js代码
- 用js怎么取table中的tr标签--这是一个陷阱
- js如何取<span>啊啊<a>拉拉</a><span>中<span>的文本不包括<a>标签的?
- js如何判断取值是否是数字
- js获取<a>标签中的值
- JS中a标签中的URL传值乱码
- <a>标签与<input>框Js或jquery取值问题
- strut2中的标签取值问题
- struts2标签和jstl标签拿取request中的值
- js如何通过tagname取到标签并改变所有该类标签的样式
- IE a标签href属性取值BUG
- a标签href动态取值,自动补全问题
- JS如何获取A标签里面的链接属性
- js 如何阻止a标签刷新当前页面
- 九度1064:反序数
- 系统输入输出
- Shiro 权限管理filterChainDefinitions过滤器配置
- 新建连接失败-
- 数据结构实验之排序五:归并求逆序数
- js如何取A标签中的是值
- HPU1389--梦想从A+B开始(输出,注意特殊符号的输出)
- ReactNative 开发工具Webstorm 环境配置
- Activity生命周期
- C# Dev chartControl 图表导出图片
- maven打jar包,用doc命令执行jar遇到的各种问题(记录备忘)
- vue移动端图片上传
- java方法重载实验:判断键盘输入的两个数据的类型后进行比较
- rails计数方式