0

Tenho o seguinte código:

$("div.conteudo div.administrador form.administradorEdita")

Que é um 

form

Quero fazer referência a um label dele;

var form = $("div.conteudo div.administrador form.administradorEdita");

Como seria?

form label#consulta 

OU

$("form label#consulta")?

OU

$("form').label#consulta")?

?

Gostaria de pegar por exemplo o texto do label

Mas não  tem apenas esse elemento label.

São vários. Isso é um formulário.

Esse formulário tem vários campos aonde cada campo ganha um estilo próprio. Então:

$("div.conteudo div.administrador form.administradorEdita")

Seria um encurtamento de endereço para o formulário.

Preciso entende a dinâmica de como fazer para encurtar esse endereço.

Veja como fica gigante:

// JavaScript Document
$(document).ready(function(e) {

  $("div.conteudo div.administrador form.administradorCadastra").on("submit", function() {

      var tipo = $("div.conteudo div.administrador form.administradorCadastra select#tipo").val();
      var nome = $("div.conteudo div.administrador form.administradorCadastra input[type=text]#nome").val();
      var login = $("div.conteudo div.administrador form.administradorCadastra input[type=text]#login").val();
      var senha = $("div.conteudo div.administrador form.administradorCadastra input[type=password]#senha").val();

      if ( tipo == "" ||
           nome == "" || 
           login == "" || 
           senha == "") {

          alert("Algum campo está vazio!");

          return false;

       } 

         $("div.conteudo div.administrador form.administradorCadastra input[type=submit].btnAcesso").css('display', 'none');
         $("div.conteudo div.administrador form.administradorCadastra img").css('display', 'block');

         $.post ("../_requeridos/cadastraAdministrador.php", {

             tipo    : tipo,
             nome    : nome,
             login   : login,
             senha   : senha

         }, function(retorno){


             $("div.conteudo div.administrador form.administradorCadastra input[type=submit].btnAcesso").css('display', 'block');
             $("div.conteudo div.administrador form.administradorCadastra img").css('display', 'none');

              if (retorno == 1) {
                resposta = "Cadastrado com sucesso!";
              } else {
                resposta = "Erro no cadastro";
              }
             $(".resposta").css("display", "block");
             $(".resposta").html(resposta);     

           }
          );

          return false;

    });

});
4
  • O label tem um id? Se tiver, a resposta do @DiegoMarques resolve tranquilo.
    – Sam
    Commented 23/05/2018 às 0:56
  • Fala Carlos, acho que a é ideia é essa mesmo, se vc colocar um ID vc não precisa desses caminhos todos. Vc busca o elemento direto pelo ID e pronto...
    – hugocsl
    Commented 23/05/2018 às 13:42
  • Então, pensei em algo tipo abaixo para encurtar o select#tipo". var tipo = $("this select#tipo").val(); Commented 23/05/2018 às 13:56
  • ou var tipo = $(this) + $("select#tipo").val(); Commented 23/05/2018 às 14:01

1 Resposta 1

1

Se o label tem um ID, e o ID deve ser único em um documento HTML, você pode pegar direto pelo ID. Exemplo:

$("#consulta");

Para pegar o texto você pode usar a função "text()". Exemplo:

$("#consulta").text();
1
  • Então, esse é que é o problema. Não tem apenas esse elemento. São vários. Mas em cada endereço o estilo será diferente. Então não dá para fazer $("#consulta").text(); pois em alguns lugares mudarei o valor deste campo. Preciso entende a dinâmica de como fazer para encurtar esse endereço. Commented 23/05/2018 às 9:53

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 .