通过属性jquery获取元素答案

【问题标题】：getting element by attribute jquery通过属性jquery获取元素
【发布时间】：2013-02-13 03:28:28
【问题描述】：

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

所以假设我有这个 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
    }

});

从代码中的注释可以看出，我不确定如何获取元素。例如，对于带有#car-loan 的href 的li，获取带有#car-loan 的数据别名的div

谢谢

【问题讨论】：

标签： jquery attributes attr

【解决方案1】：

使用普通的attribute selector：

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

【讨论】：

【解决方案2】：

你的意思是：

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

【讨论】：

【解决方案3】：

你会想要使用

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

【讨论】：