0

Tenho a seguinte variável:

var prodadicional = $(this).attr('data-adicionais');

Ela retorna dois valores do tipo string que são: Hambúrguer e Bacon. Como que eu faço para colocá-las dentro de um array?

Eu tentei passar dentro do array e contar com length mas só retorna o valor 1, sendo que tem dois valores.

var dadosarrayAdicional = [prodadicional];
var teste = prodadicional.length;
12
  • Ele já não te retorna em um array? Quando você dá um alert(prodadicional) ou console.log(prodadicional) ele te retorna o que? 14/07/2017 às 13:31
  • Se eu colocar var teste = dadosarrayAdicional.length; ele retorna o valor 1. Mas tem 2 valores. 14/07/2017 às 13:32
  • Dê um console.log(prodadicional ) e disponibilize o resultado por favor. 14/07/2017 às 13:33
  • Se eu por prodadicional.length ele retorna (16) 14/07/2017 às 13:33
  • 1
    Voce esta colocando um array dentro de outro array, logo o count do primeiro Array é de fato 1, mas dentro desse array tem 2 elementos..
    – leofontes
    14/07/2017 às 13:35

1 Resposta 1

1
Se está vindo como string você pode fazer de dois jeitos que são a mesma coisa:

$('.btn-comida').on('click',function(){
  var prodadicional = $(this).data('adicionais').split(' e ');
  $('#total').val(prodadicional.length);
  var ul = $('ul');
  ul.append('<li>'+prodadicional[0]+'</li>');
  ul.append('<li>'+prodadicional[1]+'</li>');
  
})
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<div class="form-group">
 
  <button class="btn btn-primary btn-comida" data-adicionais="Hambúrguer e Bacon">Hambúrguer e Bacon</button>  
</div>

<div class="form-group">
  <label for="total">Total de itens</label>
  <input class="form-control col-lg-1" id="total"> 
</div>



<ul>
</ul>

Ou

$('.btn-comida').on('click', function(){
  var prodadicional = $(this).data('adicionais').split(' e ');
  $('#total').val(prodadicional.length);
  $.each(prodadicional, function(i, prod){
     
      var li = "<li>"+ prodadicional[i] + '</li>';
      $('ul').append(li);
  })
})
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<div class="form-group">
 
  <button class="btn btn-primary btn-comida" data-adicionais="Hambúrguer e Bacon">Hambúrguer e Bacon</button>
</div>
<div class="form-group">
  <label for="total">Total de itens</label>
  <input class="form-control col-lg-1" id="total"> 
</div>
<ul>
</ul>

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 .