Rechercher le titre de la balise d'entrée par nom de classe et action

Question

Je souhaite obtenir le titre "ABCD" en tant que sortie par le bas: Remarque Je ne peux pas utiliser l'ID d'entrée pour rechercher et utiliser le nom de classe. Aussi, notez que j'ai plusieurs <div class="promptChoiceListBox" > et class="promptTextField promptTextFieldReadOnly" existent et ce n'est qu'un exemple.

Aussi ce titre est dynamique et changé avec la sélection de liste déroulante. Comment puis-je le vérifier dans l'événement onclick si le texte dans le texte est modifié?

Comment puis-je y parvenir? toute aide est appréciée.

<div class="promptChoiceListBox" > 
<input id="xyz123" type="text" class="promptTextField promptTextFieldReadOnly" readonly="" title="ABCD"> 

J'ai essayé ci-dessous et il ne fonctionne pas:

console.log($('.promptTextField').attr('title')); 

grâce

Answer 1

façon Javascript de le faire:

console.log(document.getElementById("xyz123").title); 

JQuery (sur-cliquez par exemple) :

$("input:promptTextField promptTextFieldReadOnly").click(function(){ 
    $("input:promptTextField promptTextFieldReadOnly").toggle(); 
}); 

Answer 2

$('.promptTextField').map(x=>x.title)