Показать сообщение отдельно
  #16 (permalink)  
Старый 14.08.2018, 21:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,077

desperate_one,
далее сами
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <style type="text/css">

  </style>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   <script>
      $(document).ready(function() {
	$('.pos').on('click', '.order-form-go', function(event){
		event.preventDefault();
    var block = event.delegateTarget;
    var title = $('.cart-name', block).text();
    var data = $('.diameter-size:eq(1)', block).data();//  $('.diameter-size.active', block).data;
    var diam = data.diam;
    var daugh = $('[name="daugh"]', block).val();
    var price = data['price'+daugh];
    var amount = $('[name="amount"]', block).val();

    alert([title, diam, daugh, amount, price]); // название, размер, тесто, кол-во и цену.
        })
     })
   </script>
</head>

<body>
<div class="pos left" itemscope="" itemtype="http://schema.org/Product" data-subcat="" data-id="3" data-price="470" style="margin-left: 37px;">
                <div class="posImg">
                    <div class="posImg_hover">&nbsp;</div>
                    <img itemprop="image" src="http://hub.loc/images/catalog/pizza_3247.png" data-big="http://hub.loc/images/catalog/pizza_3247.png" class="cboxElement">
                </div>
                <div class="posName myRed posBottom">
                    <table>
                        <tbody><tr>
                            <td valign="middle" itemprope="name">
                                <a class="myRed cart-name">Мега пепперони</a>
                            </td>
                        </tr>
                    </tbody></table>
                </div>
                <div class="ingrids posBottom" itemprop="description">
                    <span>КОЛБАСА ПЕППЕРОНИ, СЫР МОЦАРЕЛЛА, ФИРМЕННЫЙ СОУС</span>
                </div>
                <div class="infovalues posBottom">
                    <span class="weight left">вес: <b>510</b> гр.</span>
                </div>
                <div class="attribute posBottom">
                    <label class="selDiam">Выбор диаметра: </label>
                    <div class="form-radios">
                        <div class="form-item ">
                            <label class="option ">
                                <span class="diameter-size" data-weight2="480" data-weight1="360" data-price2="360" data-price1="360" data-diam="S">S</span>
                                <br>
                                <span class="diameter-price">360 руб</span>
                            </label>
                        </div>
                        <div class="form-item ">
                            <label class="option ">
                                <span class="diameter-size" data-weight2="640" data-weight1="510" data-price2="470" data-price1="470" data-diam="M">M</span>
                                <br>
                                <span class="diameter-price">470 руб</span>
                            </label>
                        </div>
                        <div class="form-item ">
                            <label class="option ">
                                <span class="diameter-size" data-weight2="1010" data-weight1="710" data-price2="670" data-price1="670" data-diam="L">L</span>
                                <br>
                                <span class="diameter-price">670 руб</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="selects">
                    <div class="form-item">
                        <label class="l">количество:</label>
                        <select class="l" name="amount">
                            <option class="colvo-sel" value="1">1 шт.</option>
                            <option class="colvo-sel" value="2">2 шт.</option>
                            <option class="colvo-sel" value="3">3 шт.</option>
                            <option class="colvo-sel" value="4">4 шт.</option>
                            <option class="colvo-sel" value="5">5 шт.</option>
                            <option class="colvo-sel" value="6">6 шт.</option>
                            <option class="colvo-sel" value="7">7 шт.</option>
                            <option class="colvo-sel" value="8">8 шт.</option>
                            <option class="colvo-sel" value="9">9 шт.</option>
                            <option class="colvo-sel" value="10">10 шт.</option>
                        </select>
                    </div>
                    <div class="form-item">
                        <label class="">тесто: </label>
                        <select name="daugh" class="form-select">
                            <option value="2">пышное</option>
                            <option value="1">тонкое</option>
                        </select>
                    </div>
                </div>
                <div class="btnTocart" style="padding-top: 0.557982px;">
                    <center>
                            <div class="tocart" data-id="1100" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" style="user-select: none;">
                            <div class="leftBtn btn left">&nbsp;</div>
                            <div class="centerBtn btn left redshdw pizz-cena">
                                <b>470</b> руб.
                            </div>
                            <div class="order-form-go seccenterBtn btn left yelshdw">
                                <b>ЗАКАЗАТЬ</b>
                            </div>
                            <div class="rightBtnYel btn left">&nbsp;</div>
                            <meta itemprop="price" content="470">
                            <meta itemprop="priceCurrency" content="RUB">
                            <link itemprop="availability" href="http://schema.org/InStock">
                        </div>
                    </center>
                </div>
            </div>


</body>

</html>
Ответить с цитированием