Форум

рони · #11 (**permalink**) 04.08.2015, 11:45

ligisayan,
variations_form это у вас обычный массив и обращаться к элементам можно по индексу -- а вот уже сам элемент
variations_form[0] ... или variations_form[2] обьект и в нём идёт обращение по ключам

Сообщение от ligisayan

'[', если 1 - то второй '{', 2 - 3ий '"' и т.д.

- да

самая длинная цепочка будет для примера
variations_form[2]["attributes"]["attribute_pa_size"]
variations_form - массив выбираем по индексу
variations_form[2] - обьект выбираем по ключу
variations_form[2]["attributes"] - снова обьект выбираем по ключу, был бы attributes обычный массив выбирали бы по индексу

ligisayan · #12 (**permalink**) 04.08.2015, 12:29

Сообщение от рони

ligisayan,
variations_form это у вас обычный массив и обращаться к элементам можно по индексу -- а вот уже сам элемент
variations_form[0] ... или variations_form[2] обьект и в нём идёт обращение по ключам
- да

самая длинная цепочка будет для примера
variations_form[2]["attributes"]["attribute_pa_size"]
variations_form - массив выбираем по индексу
variations_form[2] - обьект выбираем по ключу
variations_form[2]["attributes"] - снова обьект выбираем по ключу, был бы attributes обычный массив выбирали бы по индексу

нет, рони - для начала нужно было распарсить json

var variationsFormParsed = JSON.parse(variations_form);

и тогда уже можно обращаться к:

console.log(variationsFormParsed[0]['price_html']);

рони · #13 (**permalink**) 04.08.2015, 12:48

Сообщение от ligisayan

нет, рони - для начала нужно было распарсить json

абалдеть!!!

ligisayan · #14 (**permalink**) 04.08.2015, 13:50

Сообщение от рони

абалдеть!!!

рони А можно как-то вытянуть из

console.log(variations_form[0]['price_html']);

который равен:
<span class="price"><span class="amount">260.000 руб.</span></span>
класс price чтобы можно было поменять его стили?

рони · #15 (**permalink**) 04.08.2015, 18:16

Сообщение от ligisayan

класс price чтобы можно было поменять его стили?

непонятный вопрос -- что вам мешает добавить нужный css?

ligisayan · #16 (**permalink**) 04.08.2015, 18:22

Сообщение от рони

непонятный вопрос -- что вам мешает добавить нужный css?

var $oj = variations_form[0]['price_html'];
$($oj).filter(".price").css("top" , (height+32)+"px");
$($oj).filter(".price").html().replace(/(new price)/, "$1");

рони а каким образом? выше 2 варианта не работают..

рони · #17 (**permalink**) 04.08.2015, 18:26

ligisayan,
а где добавление на страницу ? или вам нужно в текст добавить?

ligisayan · #18 (**permalink**) 04.08.2015, 18:28

Сообщение от рони

ligisayan,
а где добавление на страницу ? или вам нужно в текст добавить?

что именно добавление - класса price? так он есть - мне нужно его стили просто поправить. достаточно и в текст добавить стили

рони · #19 (**permalink**) 04.08.2015, 18:42

ligisayan,
зачем это делать мне непонятно - есть же css на странице меняйте там стили и сервер меняйте там классы.

или уж создайте элемент на странице и украшивайте как хотите.

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title> <meta charset="utf-8">
</head>

<body>
<script>
  var variations_form =   [{
    "variation_id": 3354,
    "variation_is_visible": true,
    "variation_is_active": true,
    "is_purchasable": true,
    "display_price": 260000,
    "display_regular_price": 260000,
    "attributes": {
        "attribute_pa_size": "large"
    },
    "image_src": "",
    "image_link": "",
    "image_title": "",
    "image_alt": "",
    "price_html": "<span class=\"price\"><span class=\"amount\">260.000 руб.<\/span><\/span>",
    "availability_html": "",
    "sku": "",
    "weight": " kg",
    "dimensions": "",
    "min_qty": 1,
    "max_qty": "",
    "backorders_allowed": false,
    "is_in_stock": true,
    "is_downloadable": false,
    "is_virtual": false,
    "is_sold_individually": "no"
}, {
    "variation_id": 3355,
    "variation_is_visible": true,
    "variation_is_active": true,
    "is_purchasable": true,
    "display_price": 160000,
    "display_regular_price": 160000,
    "attributes": {
        "attribute_pa_size": "medium"
    },
    "image_src": "",
    "image_link": "",
    "image_title": "",
    "image_alt": "",
    "price_html": "<span class=\"price\"><span class=\"amount\">160.000 руб.<\/span><\/span>",
    "availability_html": "",
    "sku": "",
    "weight": " kg",
    "dimensions": "",
    "min_qty": 1,
    "max_qty": "",
    "backorders_allowed": false,
    "is_in_stock": true,
    "is_downloadable": false,
    "is_virtual": false,
    "is_sold_individually": "no"
}, {
    "variation_id": 3356,
    "variation_is_visible": true,
    "variation_is_active": true,
    "is_purchasable": true,
    "display_price": 80000,
    "display_regular_price": 80000,
    "attributes": {
        "attribute_pa_size": "small"
    },
    "image_src": "",
    "image_link": "",
    "image_title": "",
    "image_alt": "",
    "price_html": "<span class=\"price\"><span class=\"amount\">80.000 руб.<\/span><\/span>",
    "availability_html": "",
    "sku": "",
    "weight": " kg",
    "dimensions": "",
    "min_qty": 1,
    "max_qty": "",
    "backorders_allowed": false,
    "is_in_stock": true,
    "is_downloadable": false,
    "is_virtual": false,
    "is_sold_individually": "no"
}]

</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = variations_form[2]['price_html'], height = 100;
      s = $('<div/>', {html : s});
      s.find('.price').addClass("new").css({"top": (height+32)+"px"});
      variations_form[2]['price_html'] =  s.html()
      alert(variations_form[2]['price_html'])
});
 </script>


</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript