如图:请问如何让点击div1-div3后,让span标签的内容第个都只显示到div4上,而不是<a>标签也显示过去

一共三个<div>选项,点击某一个,就把<span>的内容显示到div4呈现出来,我之前只能做到把<a>标签的内容显示过去,但如果加上<span>的话,那样就变成<a>和... 一共三个<div>选项,点击某一个,就把<span>的内容显示到div4呈现出来,我之前只能做到把<a>标签的内容显示过去,但如果加上<span>的话,那样就变成<a>和<span>的内容一起显示过去了。我想要的是,点击<a>标签内容后,在<div4>中中显示span的内容。这个如何做呀。求大神指教,新手求学,有完整代码比较容易理解 展开
 我来答
尤里2号
2016-06-02 · 超过18用户采纳过TA的回答
知道答主
回答量:42
采纳率:0%
帮助的人:21.7万
展开全部
我不给完整代码,自己思考看看。首先把你的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的最后一个子节点
试试吧
百度网友c45032d
2016-06-02 · TA获得超过3387个赞
知道大有可为答主
回答量:2201
采纳率:12%
帮助的人:926万
展开全部
<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中就可以了。不懂可以再问我~

更多追问追答
追问

如果我把多个<a>标签做成循环后,

那我要如何写点击《北京》后,显示的是《北京》的信息,点击《海南>后,显示的是《海南》的信息呢?求大神指教;

效果其实就和原来没有循环前的一样,就是做成循环后,我不懂怎么把内容添加进去对应呈现出来

追答
$("对象").text(),这个方法,意思就是获取对象的文本信息,你再加个点击事件,比如点击"北京",那就点击事件中$(this).text(),输出的就是北京对象的文本了
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
sunguichun2003
2016-06-02 · TA获得超过752个赞
知道小有建树答主
回答量:754
采纳率:0%
帮助的人:517万
展开全部
<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>
是这个意思吧?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式