Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как вывести элементы в div (https://javascript.ru/forum/misc/68259-kak-vyvesti-ehlementy-v-div.html)

KEMPZOR 05.04.2017 13:34

Как вывести элементы в div
 
Здравствуйте. Извиняюсь за название темы, нужно вывести элементы из div :-? . Подскажите как вывести элементы в строку, а то получается каша из <p>.
<div id="price_print">
<div id="summ_blocknote">Общая сумма <br>118.86</div>
<div class="inputs_info_calc"><div class="price_block_blocknote" style="display: inline-block;"><p class="type_jaluzis1 price_block">1.Категория: Рольшторы (1 шт)</p><p class="type_vidshtor1 price_block">2.Тип системы: MINI</p><p class="type_material_inf1 price_block">3.Категория ткани: 1</p><p class="type_name_tkan1 price_block">4.Ткань - Эко 01 белый</p><p class="type_shirina_visota1 price_block">5.Ширина:  мм  Высота:  мм </p><p class="type_itogo_inf1 price_block">6.Стоимость: 59.43 BYN</p><input class="type_itogo_inf_val" name="from_form_info" type="hidden" value="59.43"><button class="remove">Удалить</button></div><div class="price_block_blocknote" style="display: inline-block;"><p class="type_jaluzis1 price_block">1.Категория: Рольшторы (1 шт)</p><p class="type_vidshtor1 price_block">2.Тип системы: MINI</p><p class="type_material_inf1 price_block">3.Категория ткани: 1</p><p class="type_name_tkan1 price_block">4.Ткань - Эко 01 белый</p><p class="type_shirina_visota1 price_block">5.Ширина: 1000 мм  Высота: 1000 мм </p><p class="type_itogo_inf1 price_block">6.Стоимость: 59.43 BYN</p><input class="type_itogo_inf_val" name="from_form_info" type="hidden" value="59.43"><button class="remove">Удалить</button></div></div>
</div>


Вывожу все <p> через
$('.inputs_info_calc > .price_block_blocknote > p.price_block').text();

Выводится всё по порядку
"1.Категория: Рольшторы (1 шт)2.Тип системы: MINI3.Категория ткани: 14.Ткань - Эко 01 белый5.Ширина: мм Высота: мм 6.Стоимость: 59.43 BYN1.Категория: Рольшторы (1 шт)2.Тип системы: MINI3.Категория ткани: 14.Ткань - Эко 01 белый5.Ширина: 1000 мм Высота: 1000 мм 6.Стоимость: 59.43 BYN"

А НУЖНО КАК ВНИЗУ.))

"1.Категория: Рольшторы (1 шт)
2.Тип системы: MINI
3.Категория ткани: 1
4.Ткань - Эко 01 белый
5.Ширина: мм Высота: мм
6.Стоимость: 59.43 BYN

1.Категория: Рольшторы (1 шт)
2.Тип системы: MINI
3.Категория ткани: 1
4.Ткань - Эко 01 белый
5.Ширина: 1000 мм Высота: 1000 мм
6.Стоимость: 59.43 BYN"

Дальше это всё по клику уходит в textarea.
<textarea name="d[2]" id="d[2]" required=""></textarea>

Вывожу это туда таким кодом:
var just=$('.inputs_info_calc > .price_block_blocknote > p').text();
$('[name="d\\[2\\]"]').val(just);


Подскажите как сделать пожалуйста, буду очень благодарен.

SV0L0CH 05.04.2017 14:23

var just=$('.inputs_info_calc > .price_block_blocknote > p').map(function(){
  return $(this).text();
}).join('\n');

KEMPZOR 05.04.2017 16:09

Спасибо, уже сделал так
var just = ''; 
      $('.inputs_info_calc > .price_block_blocknote > p').each( 
      function(){ 
      just = just + $(this).text() + "\r";
      $('[name="d\\[2\\]"]').val(just).attr("readonly","readonly"); 
      } 
      );

Dilettante_Pro 05.04.2017 17:00

KEMPZOR,
Строку 5 лучше вынести из функции.
Зачем много раз переписывать?

KEMPZOR 06.04.2017 08:33

Цитата:

Сообщение от Dilettante_Pro (Сообщение 449327)
KEMPZOR,
Строку 5 лучше вынести из функции.
Зачем много раз переписывать?

Да, спасибо.


Часовой пояс GMT +3, время: 01:35.