jquery實現(xiàn)購物車功能

第jquery實現(xiàn)購物車功能本文實例為大家分享了jquery實現(xiàn)購物車功能的具體代碼，供大家參考，具體內(nèi)容如下

html

!DOCTYPEhtml

html

head

title購物車/title

metacharset="utf-8"/

styletype="text/css"

text-align:center;

table{

margin:0auto;

width:60%;

border:2pxsolid#aaa;

border-collapse:collapse;

tableth,tabletd{

border:2pxsolid#aaa;

padding:5px;

background-color:#eee;

/style

scriptsrc="jquery-3.2.1.min.js"/script

scriptsrc="gw.js"/script

/head

body

h1真劃算/h1

tableid="tb1"

th商品/th

th單價(元)/th

th顏色/th

th庫存/th

th好評率/th

th操作/th

/tr

td羅技M185鼠標(biāo)/td

td80/td

td黑色/td

td893/td

td98%/td

tdalign="center"inputtype="button"value="加入購物車"

//td

/tr

td微軟X470鍵盤/td

td150/td

td黑色/td

td9028/td

td96%/td

tdalign="center"inputtype="button"value="加入購物車"

//td

/tr

td洛克iphone6手機殼/td

td60/td

td透明/td

td672/td

td99%/td

tdalign="center"inputtype="button"value="加入購物車"

//td

/tr

td藍(lán)牙耳機/td

td100/td

td藍(lán)色/td

td8937/td

td95%/td

tdalign="center"inputtype="button"value="加入購物車"

//td

/tr

td金士頓U盤/td

td70/td

td紅色/td

td482/td

td100%/td

tdalign="center"inputtype="button"value="加入購物車"

//td

/tr

/table

h1購物車/h1

table

thead

th商品/th

th單價(元)/th

th數(shù)量/th

th金額(元)/th

th刪除/th

/tr

/thead

tbodyid="goods"

/tbody

tfoot

tdcolspan="3"align="right"總計/td

tdid="total"/td

td/td

/tr

/tfoot

/table

/body

/html

js

//添加購物車

functionaddshoping(btn){

varname=$(btn).parent().siblings().eq(0).html()

varprice=$(btn).parent().siblings().eq(1).html()

vartrs=$("#goodstr")

varnameArr=newArray();

$.each(trs,function(index,value){

nameArr.push($(this).children('td').eq(0).text())

var$tr=$('tr'+

'td'+name+'/td'+

'td'+price+'/td'+

'tdalign="center"'+

'inputtype="button"value="-"/'+

'inputtype="number"size="3"readonlyvalue="1"/'+

'inputtype="button"value="+"/'+

'/td'+

'td'+price+'/td'+

'tdalign="center"inputtype="button"value="x"http://td'+

'/tr

varishasName=nameArr.indexOf(name)

if(ishasName=0){

vargoodcount=trs.eq(ishasName).children('td').eq(2).children().eq(1).val()

Number.parseInt(goodcount);

trs.eq(ishasName).children('td').eq(2).children().eq(1).val(++goodcount)

varpric