如何从已经划分的div中获取数据

Question

Hi everyone I want to extract data from divs using Jquerys. So I have this 3 div :

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

In my JS file I want to extract: Venice,it / Madrid,es / Rome,it.

What I did for now is: var data = $("div.wind").text() .

Writing this I get the string Venice,itMadrid,esRome,it but I don't want to this. I want the div splitted already like.

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

How can I do this?

Thank you in advance for your help.

Answer 1

Use .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

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

Answer 3

just use push on the innerHTML

 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

You can use jQuery's .each to iterate through each div selected. You can then get the .text() value for each div one by one, and push the value into the vector array.

Demo:

 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>