Wie ausgeblendete Daten eines Divs zu einem anderen Div anzeigen?

Question

Ich arbeite an einem Projekt, bei dem ich darauf stieß, dass wenn ich auf das Pluszeichen klicke, sich die Daten verbergen und die Anzeige im Div daneben erscheint. hier ist der Code:

<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> 

und der Code für den nächsten 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> 

und das ist der jQuery-Code:

<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> 

Das ist das Bild, und ich möchte die angezeigt werden Daten im Warenkorb Div und zeigen die Menge

Answer 1

Sie müssen in HTML und Script ändern das Ergebnis

Versuchen Sie, wie diese
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> 

und den Code für das nächste div zu erreichen:

<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> 

Skript:

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); 
} 

Es wird ausgegeben als

produzieren Ich denke, es wird Ihnen helfen.