2016-11-06 5 views
-1

私はJavaScriptでOOショッピングカートを構築しようとしています。私はカートにランダムな商品を追加して、それをクリックしてバスケットを手に入れることができます。オブジェクトの配列であるカート内のアイテムを表示

各レコードの横にある削除ボタンを使用できるように、バスケットアイテムを反復処理するにはどうすればよいですか?

私はこれらの線に沿って何かを考えていた:

<body> 
     <form action="#"> 
      <button onclick="cart().add();">Add Random Product</button> 
      <button onclick="cart().getBasket();">View Cart</button> 
     </form> 

     <script type="text/javascript"> 

      for (var i=0; i < cart().getBasket().length; i++){ 
       console.log(cart().getBasket()[i]); 
      } 
     </script> 

     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
     <script src="shopping-cart.js"></script> 
     <script> 
      $(document).ready(function(){ 
       c$(); 
      }); 
     </script> 

Thisは、私がこれまで持っているものです。

私はDOMに追加できるrenderBasket()メソッドを持つことを考えています。何かご意見は?

答えて

1

shoppingCartは配列なので、jQueryのeach関数を使用して反復処理を行うことができます。

$("#shoppingCart").each(function(index, element) { 
    console.log(index, element); 
}); 
関連する問題