2012-05-07 462 views
7

我有一个jQuery Mobile的折叠式菜单设置,如:获取title属性与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"); 

“this”是被点击的图像。 currCat获取它需要的正确字符串,但是我总是对titleData获得“undefined”。不要告诉获得标题有什么问题。

+0

你使用的是什么版本的jQuery? – scottm

+0

我使用的是1.7.1版本 – user1238565

回答

20

您的第二行有subcat而不是subCat。以下应该工作:

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

谢谢你提醒我,classNames在选择器中区分大小写。容易错过的事情。

+0

我是个白痴,谢谢。就是这样。 – user1238565