如图:请问如何让点击div1-div3后,让span标签的内容第个都只显示到div4上,而不是<a>标签也显示过去
一共三个<div>选项,点击某一个,就把<span>的内容显示到div4呈现出来,我之前只能做到把<a>标签的内容显示过去,但如果加上<span>的话,那样就变成<a>和...
一共三个<div>选项,点击某一个,就把<span>的内容显示到div4呈现出来,我之前只能做到把<a>标签的内容显示过去,但如果加上<span>的话,那样就变成<a>和<span>的内容一起显示过去了。我想要的是,点击<a>标签内容后,在<div4>中中显示span的内容。这个如何做呀。求大神指教,新手求学,有完整代码比较容易理解
展开
展开全部
我不给完整代码,自己思考看看。首先把你的a标签全换成p标签,因为a标签自带跳转需要额外处理。要求是点击p标签后把它之后的第一个span的内容,复制到div4。你会用document.getelementbyid(),应该也会用根据类名选取元素或者根据标签名选取元素的方法哈。
提示:假如s是目标元素
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点
试试吧
提示:假如s是目标元素
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点
试试吧
展开全部
<div id="div1">
<a href="javascript:void(0)">我是div1</a>
<span>666</span>
</div>
<div id="div2">
<a href="javascript:void(0)">我是div2</a>
<span>777</span>
</div>
<div id="div3">
<a href="javascript:void(0)">我是div3</a>
<span>888</span>
</div>
<div id="div4"></div>
<script type="text/javascript">
$("a").click(function(){
document.getElementById("div4").innerHTML = $(this).next("span").text();
})
</script>
其实思路很简单,点击a事件中写一个方法,获得点击对象a后面紧跟的span元素中的值,再写到div4中就可以了。不懂可以再问我~
更多追问追答
追问
追答
$("对象").text(),这个方法,意思就是获取对象的文本信息,你再加个点击事件,比如点击"北京",那就点击事件中$(this).text(),输出的就是北京对象的文本了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head lang="zh-CN">
<title></title>
</head>
<body>
<div id="div1" onClick='sendText2div4(document.getElementById("span1"))'>
<a href="#">我是div1</a>
<span id="span1">6666</span>
</div>
<div id="div2" onClick='sendText2div4(document.getElementById("span2"))'>
<a href="#">我是div2</a>
<span id="span2">7777</span>
</div>
<div id="div3" onClick='sendText2div4(document.getElementById("span3"))'>
<a href="#">我是div3</a>
<span id="span3">8888</span>
</div>
<div id="div4">
<span id="span4"></span>
</div>
</body>
</html>
<script type="text/javascript">
function sendText2div4(obj){
document.getElementById("span4").innerHTML=obj.innerHTML;
}
</script>
是这个意思吧?
<head lang="zh-CN">
<title></title>
</head>
<body>
<div id="div1" onClick='sendText2div4(document.getElementById("span1"))'>
<a href="#">我是div1</a>
<span id="span1">6666</span>
</div>
<div id="div2" onClick='sendText2div4(document.getElementById("span2"))'>
<a href="#">我是div2</a>
<span id="span2">7777</span>
</div>
<div id="div3" onClick='sendText2div4(document.getElementById("span3"))'>
<a href="#">我是div3</a>
<span id="span3">8888</span>
</div>
<div id="div4">
<span id="span4"></span>
</div>
</body>
</html>
<script type="text/javascript">
function sendText2div4(obj){
document.getElementById("span4").innerHTML=obj.innerHTML;
}
</script>
是这个意思吧?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询