Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="itemBox"> <div class="item"><a href="#buy" data-articul="as-231">toCart</a></div> <div class="item"><a href="#buy" data-articul="dfe-001">toCart</a></div> </div> <div class="cartBox"></div> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script> $('a[href="#buy"]').on('click', function(e){ e.preventDefault(); var articul = $(this).data('articul'); var i=1; if($('.cartBox>.item') == undefined ){ $('.cartBox').append('<div class="item" data-articul="'+articul+'"><span>'+i+'</span> <b>'+articul+'</b></div>'); }else{ if($('.cartBox>.item').data('articul') != articul){ $('.cartBox').append('<div class="item" data-articul="'+articul+'"><span>'+i+'</span> <b>'+articul+'</b></div>'); }else{ $('.cartBox>.item[data-articul="'+articul+'"]').children('span').text(i++); } } }); </script> </body> </html>
