2013-02-13 153 views
3

有没有办法通过属性来获得页面的元素越来越元

因此可以说,我有这样的HTML

<ul id="tabMenu"> 
    <li class="active"><a href="#home-loans">Home Loan</a></li> 
    <li><a href="#savings">Savings</a></li> 
    <li><a href="#car-loan">Car Loan</a></li> 
    <li><a href="#credit-card">Credit Card</a></li> 
</ul> 

<div data-alias="#credit-card" class="tabContent">Content 1...</div> 
<div data-alias="#savings" class="tabContent">Content 2...</div> 
<div data-alias="#car-loan" class="tabContent">Content 3...</div> 
<div data-alias="#credit-card" class="tabContent">Content 4...</div> 

这jQuery的

jQuery("#tabMenu li").each(function() { 

tabid = jQuery(this).find("a").attr("href"); 

    if (jQuery(".tabContent").attr("data-alias") == tabid) { 

     $tabHTML = //get div element that is for this tab 
    } 

}); 

为可以从代码中的评论中看出我不确定如何获取元素。因此,例如与#汽车贷款的href李得到与#汽车贷款的数据别名

感谢

回答

2

使用DIV定期attribute selector

$tabHTML = jQuery(".tabContent[data-alias='" + tabid + "']"); 
1

你的意思:

$tabHTML = $("div[data-alias='"+tabid +"']"); 
1

你想使用

$tabHTML = $("div[ data-alias='" + tabid + "']");