Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

201
Visualizações
¿Cómo obtener la clase más cercana de div separado en jquery?

Al hacer clic en el botón, quiero obtener el valor <input name="something/> más cercano.

$(this).closest(".input").val() pero no funcionó.

 $(document).on("click", ".button", function() { div = `<div class="second-div"><input name="something/></div> <div class="third-div"></div>` // get nearest <input name="something/> value // get nearest <input class="a-input" /> value $(".main-div").append(div); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="main-div"> <div class="second-div"> <input name="something" class="input" /> </div> <div class="third-div"> <input name="another input" class="a-input" /> </div> <div class="fourth-div"> <button type="button" class="button">Click Me</button> </div> </div>

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Primero viajaría hasta el div que lo contiene, luego volvería al control deseado.

 $(this).closest(".main-div").find(".input");

EDITAR

Acabo de leer tu comentario diciendo que quieres obtener la última instancia de una clase.

 $(this).closest(".main-div").find(".input").last();

EJEMPLO

 $(document).on("click", ".button", function() { div = `<div class="second-div"><input name="something" class="input"/></div> <div class="third-div"></div>` $(".input").removeClass("highlight"); $(this).closest(".main-div").find(".input").last().addClass("highlight"); // get nearest <input name="something/> value // get nearest <input class="a-input" /> value $(".main-div").append(div); });
 .highlight{ background:#b00; }
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="main-div"> <div class="second-div"> <input name="something" class="input" /> </div> <div class="third-div"> <input name="another input" class="a-input" /> </div> <div class="fourth-div"> <button type="button" class="button">Click Me</button> </div> </div>

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda