5

Estou querendo pegar o valor do plano, ao clicar no button.

html

 <div class="price-button">
    <input type='hidden' name='plano' value='Plano Padrão' />
    <button type="button" class="sel-plan" title="Selecionar">Selecionar Plano</button>
 </div>

jquery

$('.sel-plan').click(function(){
    var elementopai = $(this).parent().attr('class');
});

Consegui pegar a div pai do button, mas como eu pego o valor do plano?

1
  • Na verdade vc quer pegar o irmão? no Caso o valor do input "Plano Padrão"?
    – Franchesco
    Commented 16/03/2015 às 12:32

3 Respostas 3

4

Se você quer selecionar o input name='plano' irmão do button, faça algo similar a isso:

 
$('.sel-plan').click(function() {
  // volta para selecionar o elemento pai
  var $elementoPai = $(this).parent();
  // procura dentro do elemento pai o elemento [name="plano"]
  var $elemento = $elementoPai.find('[name="plano"]');

  // se desejar obter o valor do input [name="plano"], que parece ser sua real situação
  var valorPlano = $elemento.val();
  alert("Valor do plano: " + valorPlano);

  // Ou pode, inserir um valor no elemento
  $elemento.val("Oi!");
  // torna o elemento visível
  $elemento.attr("type", "input");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="price-button">
  <input type='hidden' name='plano' value='Plano Padrão' />
  <button type="button" class="sel-plan" title="Selecionar">Selecionar Plano</button>
</div>

2
  • 1
    Valeu funcionou..@Fernando Commented 16/03/2015 às 12:41
  • 1
    @user12046, fico feliz por ter ajudado, se as respostas sanaram suas duvidas completamente, em relação a pergunta. Por favor marque a resposta que melhor lhe ajudou como resposta, e também pode dar votos positivos, nas que lhe ajudaram. Se ainda restam duvidas edite a pergunta com as mesmas. Commented 16/03/2015 às 12:47
3

Você pode pegar o valor do plano direto, sem ter que pegar o elemento pai > filho.

 $('.sel-plan').click(function(){
    var valorDoPlano = $("[name='plano']").val();
 });
1

Tem várias maneiras para chegar no resultado:

var elementopai = $(this).next().attr('class'); // Busca o próximo irmão
var elementopai = $(this).prev().attr('class'); // Busca o irmão anterior.

No seu caso deve usar o prev(), pois o elemento 'plano' está antes do botão. Também pode usar a função siblings() que retorna todos os irmãos do 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 .