2013-02-13 258 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 + "']");