Skip to main content
se añadieron 966 caracteres en el cuerpo
Origen Enlace
Wilfredo
  • 2.6k
  • 3
  • 23
  • 36

Lo que puedes hacer es usar :first (Toma el primer elemento que se consiga con la clase) o :last (Toma el ultimo elemento con la clase) como:

var test = $('.todo:first').val();

var testy2 = $('.todo:last').val();

Aca esta tu ejemplo actualizado

Nota: Aca es util porque solo tienes 2 si aumenta la cantidad de controles es mejor buscar otra alternativa, como crearles Ids unicos.

Edit:

Basado en tu comentario lo que peudes hacer es englobar cada select con los button en div separados asi:

<div>
  <select class="todo" id="ty">
    <option selected>Ingrese cant</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
  </select>
  <div>
    <button class="draw" id="draw" rel="1" data-select='1'>Draw</button>
  </div>
  <div>
    <canvas  id="1" width="200" height="200"></canvas>
  </div>
</div>

Para luego via jQuery hacer esto:

var test = $(this).parent().parent().find('select').val();

Lo que hace es, vete al padre del padre (Este es el div que engloba cada seccion) busca el select, y dame su valor.

Codigo actualizado aca

Lo que puedes hacer es usar :first (Toma el primer elemento que se consiga con la clase) o :last (Toma el ultimo elemento con la clase) como:

var test = $('.todo:first').val();

var testy2 = $('.todo:last').val();

Aca esta tu ejemplo actualizado

Nota: Aca es util porque solo tienes 2 si aumenta la cantidad de controles es mejor buscar otra alternativa, como crearles Ids unicos.

Lo que puedes hacer es usar :first (Toma el primer elemento que se consiga con la clase) o :last (Toma el ultimo elemento con la clase) como:

var test = $('.todo:first').val();

var testy2 = $('.todo:last').val();

Aca esta tu ejemplo actualizado

Nota: Aca es util porque solo tienes 2 si aumenta la cantidad de controles es mejor buscar otra alternativa, como crearles Ids unicos.

Edit:

Basado en tu comentario lo que peudes hacer es englobar cada select con los button en div separados asi:

<div>
  <select class="todo" id="ty">
    <option selected>Ingrese cant</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
  </select>
  <div>
    <button class="draw" id="draw" rel="1" data-select='1'>Draw</button>
  </div>
  <div>
    <canvas  id="1" width="200" height="200"></canvas>
  </div>
</div>

Para luego via jQuery hacer esto:

var test = $(this).parent().parent().find('select').val();

Lo que hace es, vete al padre del padre (Este es el div que engloba cada seccion) busca el select, y dame su valor.

Codigo actualizado aca

Origen Enlace
Wilfredo
  • 2.6k
  • 3
  • 23
  • 36

Lo que puedes hacer es usar :first (Toma el primer elemento que se consiga con la clase) o :last (Toma el ultimo elemento con la clase) como:

var test = $('.todo:first').val();

var testy2 = $('.todo:last').val();

Aca esta tu ejemplo actualizado

Nota: Aca es util porque solo tienes 2 si aumenta la cantidad de controles es mejor buscar otra alternativa, como crearles Ids unicos.