jquery - 属性jqueryで要素を取得する

Question

属性によってページ内の要素を取得する方法はありますか

だから私はこの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 の data-alias を持つ div を取得します

ありがとう

Answer 1

あなたが使いたい

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