js怎么js获取div下span的值当前点击的div里面 span里面的值

js获取多个div里面的p标签
[问题点数:20分]
js获取多个div里面的p标签
[问题点数:20分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2015年2月 总版技术专家分月排行榜第二
2015年2月 Web 开发大版内专家分月排行榜第一2015年1月 Web 开发大版内专家分月排行榜第一2014年12月 Web 开发大版内专家分月排行榜第一2014年11月 Web 开发大版内专家分月排行榜第一2014年10月 Web 开发大版内专家分月排行榜第一
2018年1月 Web 开发大版内专家分月排行榜第一2017年12月 Web 开发大版内专家分月排行榜第一2017年6月 Web 开发大版内专家分月排行榜第一2017年2月 Web 开发大版内专家分月排行榜第一2016年3月 Web 开发大版内专家分月排行榜第一2015年8月 Web 开发大版内专家分月排行榜第一
2018年4月 Web 开发大版内专家分月排行榜第二2018年3月 Web 开发大版内专家分月排行榜第二2018年2月 Web 开发大版内专家分月排行榜第二2017年11月 Web 开发大版内专家分月排行榜第二2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
匿名用户不能发表回复!|js如何获取点击&li&标签里的值_百度知道
js如何获取点击&li&标签里的值
&li&&a href=&javascript:;&&用户管理&/a&&/li&
&li&&a href=&javascript:;&&角色管理&/a&&/li&
&li&&a href=&javascript:;&&权限管理&/a&&/li&
&li&&a href=&javascript:;&&部门管理&/a&&/li&
我有更好的答案
思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:1、HTML结构&ul&id=&test&& &li&Glen&/li& &li&Tane&/li& &li&John&/li& &li&Ralph&/li&&/ul&2、javascript代码window.onload&=&function(){ var&obj_lis&=&document.getElementById(&test&).getElementsByTagName(&li&); for(i=0;i&obj_lis.i++){
obj_lis[i].onclick&=&function(){
alert(this.innerHTML);
} }}3、效果演示
采纳率:91%
来自团队:
&script type=&text/javascript& src=&/scripts/jquery-1.7.2.min.js&&&/script&&script &$(&li&).click(function(){
alert($(this).text())})&/script&
是这样的,我一个页面里有一个iframe,当我点击&li&标签时连接一个新的页面在iframe里显示,同时想在iframe里调用&li&标签的值,请问如何实现
我不知道你的水平,所以不知道应该怎么教你.简单的说吧,一. 你要改变 iframe 的指向 $(&li&).click(function(){
$(&iframe&).attr(&src&,$(this).val());})二.只在当 iframe 加载完成后 你才能取得其内部的值.$(&iframe&).load(function(){ // 内部第一个 li的文本值
var ss = $(this).contents().find(&li&).eq(0).text();
//调你的函数 alert(ss);})三.取到值后,调你的函数.注意这里的异步执行的
本回答被提问者采纳
alxw4616 的回答,是教你使用jquery,这样是很方便!如果你不想使用jq,那就可以这样先写一个js函数,function val(a){
alert(a);}然后在li标签上添加点击事件,调用这个函数并将当前li里的文本当做参数一起发送给js函数&li&&a href=&javascript:val(this.innerText);&&角色管理&/a&&/li&
&li&&a href=&& onclick=&javascript:alert(this.innerText);&&用户管理&/a&&/li&
其他1条回答
为您推荐:
其他类似问题
电动车的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。如何用Js获取一个单选框被选中项的value,并在页面显示? - 知乎3被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答0添加评论分享收藏感谢收起$('.select').find('.radio').find('input[type="radio"]:checked').val();
如果是JQuery的话可以利用":checked"选择器,好像是这么用的,具体你在自己查一下。01 条评论分享收藏感谢收起写回答16:24 提问
js判断&span&标签是否存在,并获取&span&的值
& input & 输入标签值,动态控制& span && span &xx& /span && /span &增加,在js中怎么判断& div id="taginput"&& /div&中至少含有一个& span && span&xx& /span&& /span&,并获取它们的值?
**** 页面里不止这个& div
id="taginput"&& /div&中含有& span&& /span&
&div id="taginput"&
&span &&span&java&/span&&/span&
&span&&span&js&/span&&/span&
&div addtag&
&input type="text" id="tags"&
按赞数排序
用dom的方式就是
if(document.getElementsByTagName('span').length&0){
var items = $("span");
if (items && items.size()&0)
这里干你的事
var span=$("span")
if(span && span.size()&0){
$("span").foreach(function(){
text=$(this).text();//假设是第一个span,它获取的是
var html=$(this).html();假设是第一个span,它获取的是java
如果回答对你有帮助,请采纳
错了不是foreach,将foreach改为each
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐js jquery获取当前元素的兄弟级 上一个 下一个元素
转载 & & 投稿:mrr
js获取方法要比jq的方法麻烦的多,主要是因为FF浏览器,因为FF浏览器也会把换行当作dom元素,下面跟着小编一起来学习js jquery获取当前元素的兄弟级 上一个 下一个元素的,需要的朋友一起来学习吧
var chils= s.childN& //得到s的全部子节点
var par=s.parentN&& //得到s的父节点
var ns=s.nextS&& //获得s的下一个兄弟节点
var ps=s.previousS& //得到s的上一个兄弟节点
var fc=s.firstC&& //获得s的第一个子节点
var lc=s.lastC&& //获得s的最后一个子节点
JS获取节点父级,子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。
JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当作DOM元素
&div id="test"&
&div&&/div&
&div&&/div&
原生的JS获取ID为test的元素下的子元素。
var a = docuemnt.getElementById("test").getElementsByTagName_r("div");
这样是没有问题的
此时a.length=2;
但是如果我们换另一种方法
var b =document.getElementByIdx_x("test").childN
此时b.length 在IE浏览器中没问题,其依旧等于2,但是在FF浏览器中则会使4,是因为FF把换行也当做一个元素了。
所以,在此,我们就要做处理了,需遍历这些元素,把元素类型为空格而且是文本都删除。
function del_ff(elem){
var elem_child = elem.childN
for(var i=0; i&elem_child.i++){
if(elem_child[i].nodeName == "#text" && !/\s/.test(elem_child.nodeValue))
{elem.removeChild(elem_child)
上述函数遍历子元素,当元素里面有节点类型是文本并且文本类型节点的节点值是空的。就把他删除。
nodeNames可以得到一个节点的节点类型,/\s/是非空字符在JS里的正则表达式。前面加!,则表示是空字符
test() 方法用于检测一个字符串是否匹配某个模式.语法是: RegExpObject.test(string)
如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。
nodeValue表示得到这个节点里的值。
removeChild则是删除元素的子元素。
之后,在调用子,父,兄,这些属性之前,调用上面的函数把空格清理一下就可以了
&div id="test"&
&div&&/div&
&div&&/div&
function dom() {
var s= document.getElementByIdx_x("test");
del_ff(s);
//清理空格
var chils= s.childN //得到s的全部子节点
var par=s.parentN
//得到s的父节点
var ns=s.nextS
//获得s的下一个兄弟节点
var ps=s.previousS //得到s的上一个兄弟节点
var fc=s.firstC
//获得s的第一个子节点
var lc=s.lastC
//获得s的最后一个子节点
下面介绍JQUERY的父,子,兄弟节点查找方法
jQuery.parent(expr)& 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点
jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个
jQuery对象返回,children()则只会返回节点
jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll(),返回所有之前的兄弟节点
jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll(),返回所有之后的兄弟节点
jQuery.siblings(),返回兄弟姐妹节点,不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()
的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从&p&元素开始找&span&,等同于$("p span")
以上介绍就是本文关于js jquery获取当前元素的兄弟级 上一个 下一个元素,希望对大家有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}

我要回帖

更多关于 获取div中span的值 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信