Как я могу получить данные из уже разделенного div

Question

Привет всем, я хочу извлечь данные из div, используя Jquerys. Итак, у меня есть 3 div:

<div class="wind">Venice,it</div>
<div class="wind">Madrid,es</div>
<div class="wind">Rome,it</div>

В моем файле JS, который я хочу извлечь: Венеция, ит / Мадрид, эс / Рим, ит.

То, что я сделал сейчас is: var data = $("div.wind").text() .

При написании этого я получаю строку Venice, itMadrid, esRome, но я не хочу этого. Я хочу разделить div уже как.

var vector= [(Venice,it),(Madrid,es),(Rome,it)]

Как я могу это сделать?

Заранее благодарю за помощь.

Answer 1

Использование .each()

$(() => {
  var vector = []
  $(".wind").each(function(){ vector.push($(this).text()) })
  console.log(vector)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wind">Venice,it</div>
<div class="wind">Madrid,es</div>
<div class="wind">Rome,it</div>

Answer 2

Вы можете использовать jQuery .each для перебора каждого выбранного div. Затем вы можете получить значение .text() для каждого div по одному, а pu sh это значение в массиве vector.

Демонстрация:

var vector = [];
$("div.wind").each(function(index, div) {
  var data = $(div).text();
  vector.push(data);
});
console.log(vector);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wind">Venice,it</div>
<div class="wind">Madrid,es</div>
<div class="wind">Rome,it</div>

Answer 3

просто используйте pu sh на внутренней HTML

var myArray=[];
var div =document.getElementsByTagName('div');
for(let i=0;i<div.length;i++){

myArray.push(div[i].innerHTML);
}
console.log(myArray);

<div class="wind">Venice,it</div>
<div class="wind">Madrid,es</div>
<div class="wind">Rome,it</div>

Answer 4

const divs = $("div.wind");
const data = divs.toArray().map(d => d.textContent)