2015-01-07, 20:16
  #1
Medlem
tja, ska se om jag kan förklara vad jag vill göra.

jag skapar element dynamiskt :

Kod:
var i = 1

$("#addProduct").click(function() {
  $("<div />", { "class":"slider-wrapper", id:"wrapper"+i })
      .append($('<div />', { "class":"slider", id:"slider"+1 })
          .append($("<input />", { type: "type", "class":"amount"+i }))       
      )
      .appendTo("#Container");
  i++;
});

Och sen vill jag targetta dessa i jquery.. men vet inte hur? försökt såhär men funkar inte:

Kod:
$('#slider'+i).each(function(){
......
});

Någon som har lust att hjälpa mig?
Citera
2015-01-07, 21:23
  #2
Medlem
ComboBreakers avatar
id:"slider"+1 borde väl vara id:"slider"+i ?
Citera
2015-01-07, 21:47
  #3
Medlem
Citat:
Ursprungligen postat av ComboBreaker
id:"slider"+1 borde väl vara id:"slider"+i ?

Ja det har du rätt i, ändrat. Gör dock ingen skillnad.

Är den här biten rätt?

Kod:
 $('#slider'+i).each(function(){
});
Citera
2015-01-07, 22:36
  #4
Medlem
ComboBreakers avatar
Tror inte riktigt jag förstår vad det är du försöker göra riktigt, men här ett något som funkar iallafall..

Kod:
<button id="addProduct">Click me to append</button>
<div id="container"></div>

<script>
var i = 1;

$("#addProduct").click(function() {

  $('<div class="slider-wrapper" id="slider'+i+'">Slider nr'+i+'</div>').appendTo($('#container'));
  $('<input type="text" class="amount"'+i+'>').appendTo($('#slider'+i));

  i++;
});

</script>

Förstår inte varför du vill ha en class som heter exempelvis amount1, amount2, amount3 etc...



Du löser detta!
Citera
2015-01-10, 14:53
  #5
Medlem
Kod:
  $('#slider'+i).each(function(){
      ...
  });

kommer ju bara att targeta en av dina sliders, nämligen den sista av dem.

....eller det beror på var du sätter koden, men each-metoden verkar inte passa in här riktigt. du kommer ändå bara att targeta ett element i taget.

dock ska väl
Kod:
 $('.slider-wrapper').each(function(){
      ...
  });
fungera för ändamålet?
__________________
Senast redigerad av hevlete 2015-01-10 kl. 14:57.
Citera

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in