1

Estou pegando os valores de diversas <div>s com o mesmo nome de classe e tentando jogar para um array em jQuery, mas como estou começando na linguagem não estou conseguindo, já pesquisei pela internet e nada que achei me deu uma solução.

Como exemplo:

var array = [];
var count = $('.card-header').length;
var name = $('.card-header').text();
var i, proximo;
for (i = 0; i < count; i++) {
  proximo = array.length;
  array[proximo] = name;
}

$('.rodapeCat').text(array);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<span class="card-header">Casa</span><br>
<span class="card-header">Porta</span><br>
<span class="card-header">Janela</span><br>
<span class="card-header">Escada dos fundos</span><br>
<hr/>

<!--DIV apenas para mostrar se os valores Casa, Porta, Janela, Escada dos fundos estão na array-->
<div class="rodapeCat"><div>

Queria que o array ficasse desta forma: ['Casa', 'Porta', 'Janela', 'Escada dos fundos'].

Alguém teria alguma luz para meu problema?

1 Resposta 1

1

Tenta isso:

var array = [];
$('.card-header').each(function(i) {
  array.push($(this).html());
});

$('.rodapeCat').html(JSON.stringify(array));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<span class="card-header">Casa</span><br>
<span class="card-header">Porta</span><br>
<span class="card-header">Janela</span><br>
<span class="card-header">Escada dos fundos</span><br>
<hr/>

<!--DIV apenas para mostrar se os valores Casa, Porta, Janela, Escada dos fundos estão na array-->
<div class="rodapeCat"><div>

Use o método each(function) para iterar os elementos de um seletor do jQuery.

Uma das formas de converter um array em string é com JSON.stringify.

Para pegar o conteúdo de uma <div> ou então definir esse conteúdo, use os métodos html() e html(conteudo).

Para adicionar itens em um array sem ter que ficar se preocupando com o tamanho dele, use o método push(elemento).

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .