Получить атрибут title С помощью jQuery

у меня есть мобильное меню аккордеона jQuery, настроенное как:

<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-->

который продолжается для нескольких подкатегорий. У меня есть немного кода, чтобы получить имя подкатегории и атрибут заголовка из изображения при нажатии.

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

" это " - это изображение, которое щелкнуло. currCat получает нужную строку, которая ему нужна, но я всегда получаю "неопределенный" для titleData. Не Сью, что не так с получением титула.

1 ответов


второй строке subcat вместо subCat. Должно работать следующее:

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

Спасибо, что напомнили мне, что имена классов чувствительны к регистру в селекторах. Легко пропустить.