Как преобразовать содержимое `div` в строку - PullRequest
Новая
       1

Как преобразовать содержимое `div` в строку

1 голос
/ 27 января 2020 
$.each($('#div'),function(index,element){
  console.log(element);
});

Выход в element представляет собой div, содержащий несколько <p>. Как превратить этот контент в строку?

Ответы [ 2 ]

1 голос
/ 27 января 2020

Возможно, вы захотите изменить это: $.each($('#div')

на

$.each($('div')

. $ .Each используется для перебора серии чего-либо (маркеры) , divs и c) присвоение ему идентификатора предполагает, что он будет повторяться только один раз, или вы допустили ошибку, поскольку более одного элемента имеют одинаковый идентификатор.

Так что это может сработать: 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 <script>
      $(function(){
           $.each($('div'),function(e){
                console.log($(this).html());
           });
      })

 </script>
 <body>
 <div> content 1 </div>
 <div> content 2 </div>
 <div> content 3 </div>

0 голосов
/ 27 января 2020

Если вы хотите превратить их все в одну строку, вы можете использовать map(). 

var contents = $('div').map(function(){ return this.innerHTML; }).get().join('');

console.log(contents);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div><p>Content 1</p></div>
<div><p>Content 2</p></div>
<div><p>Content 3</p></div>
<div><p>Content 4</p></div>
<div><p>Content 5</p></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...