Php 如何将一个div的隐藏数据显示给另一个div？

我正在做一个项目，当我点击加号时，数据将隐藏，并显示在它旁边的div中。 代码如下：

<fieldset class="col-md-4" >
    <legend>Services</legend>
    <div class="col-md-12" >
        <?php
            $id = 0;
            foreach ($servicesname as $val) {
            $id++;
        ?>
        <div class="col-md-12" style="font-size: 16px;" id="itemservices<?php echo $id ?>">
            <span style="float:left;" ><?php echo $val[0]['servicename']; ?></span>
            <a  style="float:right;" href onclick="return addSrvToCart('itemservices<?php echo $id ?>')" >
                <strong>&#8377 <?php echo $val[0]['amount']; ?></strong>
                <span class="glyphicon glyphicon-plus-sign" id="id_<?php echo $id; ?>"></span>
            </a>
        </div>

        <?php } ?>
    </div>
</fieldset>

服务

以及下一个div的代码：

<fieldset class="col-md-4" >
    <legend>Cart</legend>
    <div style="list-style:none;" class="no-left-padding" id="cart">
        <div class="col-md-12" >

        </div>
    </div>

    <div class="col-sm-12 no-right-padding" style="background-color:#f3f0f0; padding-top:6px; border:1px solid#ccc">
        <label class="pull-right">/*what should i write here to show the sum */: ₨&nbsp;</label>
    </div>
    <button style="margin-top:10px;" class="btn btn-primary btn-sm pull-right" onclick="bookNowAfterFilter()">Book Now</button>
</fieldset>

<fieldset class="col-md-4" >
    <legend>Cart</legend>
    <div style="list-style:none;" class="no-left-padding">
        <div class="col-md-12"  id="cart" >

        </div>
    </div>

    <div class="col-sm-12 no-right-padding pull-right"  style="background-color:#f3f0f0; padding-top:6px; border:1px solid#ccc">
            Total: ₨&nbsp;<label class="" id="sumAmount">0</label>
        </div>
    <button style="margin-top:10px;" class="btn btn-primary btn-sm pull-right" onclick="bookNowAfterFilter()">Book Now</button>
</fieldset>

运货马车
/*我应该在这里写什么来显示总和*/：₨ 
现在预订

这是Jquery代码：

<script>
 function addSrvToCart(elem){
    alert($('#' + elem).html());
    $('#' + elem).hide();

   //return false;
  //what should i write here the show that hidden div   
  document.getElementById('summery);
  return false;
 }
</script>

函数addSrvToCart（elem）{
警报（$（'#'+elem.html（））；
$（'#'+elem）.hide（）；
//返回false；
//我应该在这里写些什么来显示隐藏的div
document.getElementById（'summy'）；
返回false；
}

这是图片，我想在Cart div中显示数据并显示金额

---

您需要同时更改HTML和脚本以获得结果

像这样试试
HTML

<fieldset class="col-md-4" >
    <legend>Services</legend>
    <div class="col-md-12" >
        <?php
            $id = 0;
            foreach ($servicesname as $val) {
            $id++;
        ?>
        <div class="col-md-12" style="font-size: 16px;" id="itemservices<?php echo $id ?>">
            <span style="float:left;" ><?php echo $val[0]['servicename']; ?></span>
            <a  style="float:right;" onclick=" addSrvToCart('itemservices<?php echo $id ?>')" >
                &#8377<strong> <?php echo $val[0]['amount']; ?></strong>
                <span class="glyphicon glyphicon-plus-sign" id="id_<?php echo $id; ?>"></span>
            </a>
        </div>

        <?php } ?>
    </div>
</fieldset>

它将产生如下产出：

---

我想它会对您有所帮助。

jquery函数调用的位置我是说如何调用它，如单击事件或其他事件？您想知道的是，当用户在servicesdocument.getElementById（“其他div id”）.innerHTML=“隐藏的div数据”中按加号时，我没有得到DDServToCart（）kese call hota hey；thanx这有帮助alote@abhinandan-dutt如果我的回答对你有帮助，那么请向上投票我的答案…Deepak-这帮助很大，但你能帮我多一点吗-当服务现在移动到购物车时“购物车有负号，当我按下按钮时，它会移回原来的位置”

function addSrvToCart(elem){
    var div=$('#' + elem);
    div.hide();
    $('#cart').append(div.html());
    var total = parseInt(div.find('strong').html()) + parseInt($('#sumAmount').html());
    $('#sumAmount').html(total);
}