jQuery Girl
  1. jQuery Girl
  3. Cliquez sur le bouton pour obtenir la valeur de l’entrée à proximité?
Intereting Posts
AJAX liste mise à jour, obtenir de nouveaux éléments et compte AJAX Dropdowns (HTML Select) dans Chrome Comment peut-on définir un délai séquentiel pour l’ajout d’une classe? JQuery avait l’habitude de contacter l’API? Javascript: Comment développer une sélection d’utilisateurs basée sur des balises HTML? Charger les données au défilement vers le bas pour le modèle d’amorçage (Lazy Load) Le graphique js montre les anciennes données en survol de la souris Définir des cases à cocher sur la méthode d’édition dans Rails 4 Le gestionnaire d’événements de flou est bloqué par la méthode jquery preventDefault () jQuery animation détecte si animer? Comment jQuery.expr fonctionne-t-il et où est-il documenté pour jQuery1.8.x et les versions ultérieures? Le code jQuery pour le menu déroulant multiple cliquable a des erreurs, s’il vous plaît aviser? Comportement du déplacement de la souris des événements JQuery dans IE Fonctionnalités JQuery Drag and Drop avec ASP.NET La sélection de case à cocher jQuery ne fonctionne pas dans IE et fonctionne dans Firefox

Cliquez sur le bouton pour obtenir la valeur de l’entrée à proximité?

J’ai un bouton qui vient après une entrée dans le code HTML et je veux l’utiliser pour récupérer la valeur de cette entrée et effectuer une action. Le problème auquel je suis confronté est que mon jQuery ne trouve pas cette valeur.

Le HTML:

Le JS: 

 $('.an-button').click(function() { var inputValue = $('.an-button').prev('.an-input').find('input').val(); window.open('http://a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0'); });

Remontez le DOM avec le closest : 

  var inputValue = $('.an-button').closest('div').find('input').val();

Violon

Essayez de supprimer .find('input') , car .prev(".an-input") devrait renvoyer input élément input . Notez également que la est à fermeture automatique 

 $(".an-button").click(function() { var inputValue = $(this).prev(".an-input").val(); console.log(inputValue) //window.open('http://a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0'); });

Pour cibler un frère, il doit être de type similaire.

Essayez ceci à la place: 

 $('.an-button').click(function() { var inputValue = $('.an-button').parent().find('.an-input').val(); window.open('http://a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0'); }); 
 $('button.an-button').click(function() { var inputValue = $('.an-input:text').val(); ... rest of code })

L’élément d’entrée n’a pas de balise de fin

plus d’informations ici

le correct est