首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >通过属性jquery获取元素

通过属性jquery获取元素
EN

Stack Overflow用户
提问于 2013-02-13 11:28:29
回答 3查看 7.9K关注 0票数 3

有没有办法通过属性获取页面中的元素

假设我有这个HTML

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
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

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-02-13 11:30:17

使用常规attribute selector

代码语言:javascript
运行
复制
$tabHTML = jQuery(".tabContent[data-alias='" + tabid + "']");
票数 2
EN

Stack Overflow用户

发布于 2013-02-13 11:31:47

你的意思是:

代码语言:javascript
运行
复制
$tabHTML = $("div[data-alias='"+tabid +"']");
票数 1
EN

Stack Overflow用户

发布于 2013-02-13 11:32:50

您可能想要使用

代码语言:javascript
运行
复制
$tabHTML = $( "div[ data-alias='" + tabid + "']" );
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14845924

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档