Ottenere attributo title con jQuery

Question

Ho un menu a fisarmonica jQuery Mobile impostato come:

<div class="subCat" data-role="collapsible"> 
    <h3 title="someTitle">Subcategory Name</h3> 
    <div class="itemImg"> 
     <img alt="Item 1" src="[image location]" /><span>Item 1</span> 
    </div> 
    <div class="itemImg"> 
     <img alt="Item 1" src="[image location]" /><span>Item 1</span> 
    </div> 
</div><!--End of subCat--> 

che va avanti per diverse sottocategorie. Ho un po 'di codice per ottenere sia il nome della sottocategoria che l'attributo titolo dall'immagine quando si fa clic.

var currCat=$(this).closest('.subCat').children('h3').text(); 
var titleData=$(this).closest('.subcat').children('h3').attr("title"); 

"questo" è l'immagine su cui si fa clic. currCat ottiene la stringa corretta di cui ha bisogno, ma ottengo sempre "undefined" per titleData. Non citare in giudizio cosa c'è di sbagliato nell'ottenere il titolo.

Answer 1

La seconda riga ha subcat anziché subCat. Il seguente dovrebbe funzionare:

$(this).closest('.subCat').children('h3').attr("title"); 

Grazie per avermi ricordato che classnames sono selettori maiuscole e minuscole. Cosa facile da perdere