getting element by attribute jquery

Question

is there any way to get an element in the page by attribute

so lets say i have this 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>

and this 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
    }

});

as can be seen from the comment in the code I am unsure of how to get the element. so for example for the li with the href of #car-loan get the div with the data-alias of #car-loan

thanks

Joseph Silber · Accepted Answer · 2013-02-13 03:30:17Z

2

Use a regular attribute selector:

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

answered Feb 13, 2013 at 3:30

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sudhir Bastakoti · Accepted Answer · 2013-02-13 03:31:46Z

1

you mean:

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

answered Feb 13, 2013 at 3:31

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Comments

Matt Busche · Accepted Answer · 2013-02-13 03:32:49Z

1

you would want to use

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

answered Feb 13, 2013 at 3:32

Matt Busche

14.4k5 gold badges39 silver badges63 bronze badges

Collectives™ on Stack Overflow

getting element by attribute jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related