点击div中的内容在其他div中显示，用HTML，CSS，Jquery，js都行…
我想点击上面的咖啡名称以及右面的加减号，能在下面绿色框内显示该咖啡的名称以及数量，这个怎么实现，求助大神
<script type="text/javascript">
//如果下面绿色框每次只显示一种咖啡的信息的话
//1：给每个咖啡名字的div都写上class="coffeeName"，为了绑定click事件
//2：+号给个class="plus";
//3：绿色框框里给个class="show";
var coffee = {name:"",number:0};//一个对象；多个对象的话再加一个数组（会复杂一些）
var cname = "";//咖啡名字
var cnumber = 0;//咖啡数量
$(".coffeeName").click(function(){
cname = $(this).text();
if(coffee.name=="" || coffee.name!=cname ){
coffee.name = cname;
cnumber =0;//数量清零
show();
}
}
//加号
$(".plus").click(function(){
cnumber +=1;
coffee.cnumber = cnumber ;
show();
}
function show(){
$(".show"). empty();//先清空里面的内容，再写进去
//if(coffee.cnumber!=0){
$(".show").text(coffee.name +" : "+coffee.cnumber+"杯");
//}
}
</script>
<script>
var clickDiv = $(' . + 需要点击的类名'); //获取点击对象
var showDiv = $('. + 需要显示的类名'); //获取显示的div对象；
clickDiv.onclick = funciton(){
$showDiv.html($(this).html());
}
</script>
有问题继续追问。望采纳追问
。。。你都不要改的。
var clickDiv = $(' . + 需要点击的类名'); //获取点击对象
var showDiv = $('. + 需要显示的类名'); //获取显示的div对象
比如你要点击的对象是
第一句就要 var clickDiv = $(' .a'); //获取点击对象
第二句一样。。。。。哪里能就这样直接复制啊
嗯！代码感觉有点少，好了还是没法用，能多写点吗，我是新手，不太懂
追答
//这边改成你的jq
.dianji {
height: 20px;
background: #CFC;
}
.xianshi {
font-size: 20px;
background: #CCF;
}
1
2
3
4
5
6
7
8
这边是显示区域
var clickdiv = $('.dianji'),
showdiv = $('.xianshi');
clickdiv.on('click', function(){
console.log(this.innerHTML);
showdiv.html($(this).html());
});
jquery 操作div内容插入到另一个div
1、我们先引入jquery的脚本文件。2、在html里，我们在一个div里有内容「百度」。3、后面添加一个按钮，有一个changeText的事件函数。4、在changeText方法里，我们先使用jquery通过id获得对应的div。5、然后使用jquery的html方法来直接设置新的文字内容就行了。6、点击按钮后，div的文字内容变成「百度知道...
jquery如何把div样式显示到另一个div
样式 肯定都是写在css里的 如果是纯粹的 复制样式 可以这样 div id=a div id=b var class=$("#a").attr("class")("#b").attr({"class":class})希望能帮到你 谢谢
前端CSS\/JQUERY 怎么做到点击这个DIV然后它就变成input框并且下面出来...
在div中嵌套一个div，内部的div设置display属性值为none；然后给外面的div设置click事件，点击就让内部的div执行show()事件。html:<div class="wai" style="width:100px;min-height:30px;border:2px solid blue;"> <span>nothing<\/span> <div class="nei" style="display:none;border:1px solid ...
HTML,点击超链接隐藏另外一个div中的内容,最好用CSS,不行就用js也行
a 中添加 onclick=doClick() (添加点击事件) href="javascript:;" （让点击超连接不跳转 而是只为流js操作）要隐藏的标签加上个 id="clickid"; (id 你自己选）与下文的一致 js中中 function doCLick(){ var id= document.getElementById("clickid")；\/\/选中元素 id.style.display...
如何用JS或JQ实现点击不同的按钮出现不同的层内容
<h1>hfhfhf<\/h1> <div id="3"><p>fffsfsfssssssssssssssssssssssssssssssssssfffffffff<\/p><\/div> <\/body> <\/html> 因为span1的display原始属性是block，所以打开页面会显示span1的内容。选择不同单选按钮时，会调用不同的js方法，改变各个span的display值，来控制显示不同的内容。
html div+css 像视频,图片下有文字显示的代码怎么写
还有一种是鼠标移动到图片上，会有灰色底色白色文字冒出来，鼠标移走后，文字消失的 这种可以用onmouseover时间定义一个函数，当鼠标移到图片上时 那个文字的div中display:block;移走后display:none
div+css 如何实现 点击A标签,显示div1,点击B标签,显示div2并同时隐藏...
这个效果是靠CSS和JS结合做出来的。如下：<!DOCTYPE html> <html><head> <script type="text\/javascript" src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4\/jquery.min.js"><\/script> <style> {margin:0;padding:0;} li{list-style:none;} nav{margin:50px;position:relative;} nav...
div如何嵌入html页面html用div嵌入网页
1、打开编辑器，新建test.html，用于学习今天的内容。2、接下来需要在head标签下方引入jquery.min.js插件。3、在页面的body标签里，新建一个p，名称为test。4、在body标签下方写上script>\/script>,用来存放js代码。通过class定位到p，通过css()方法让文字居中。5、在浏览器中打开test.html，可以在文字...
jquery在div中添加元素(jquery添加)
怎样用jquery为div添加一个div使用attr()或prop()方法为id属性赋值即可，关键代码 (obj_div).attr('id',id_name);(obj_div).prop('id',id_name);实例尺姿羡演示如下：点击按钮设置div标签的id为test，为了便于观察效果，css中设置了册弊id为test的样式为红色 1、HTML结构 style test{color:red...
用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：2、然后引入Jquery的库文件，编写代码。首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就...
