有没有办法通过属性获取页面中的元素
假设我有这个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为#car-loan的li,获取具有#car-loan数据别名的div
谢谢
发布于 2013-02-13 11:30:17
使用常规attribute selector
$tabHTML = jQuery(".tabContent[data-alias='" + tabid + "']");
发布于 2013-02-13 11:31:47
你的意思是:
$tabHTML = $("div[data-alias='"+tabid +"']");
发布于 2013-02-13 11:32:50
您可能想要使用
$tabHTML = $( "div[ data-alias='" + tabid + "']" );
https://stackoverflow.com/questions/14845924
复制相似问题