Get tag from HTML element with jQuery

Question

I have a search box with two tabs to choose which type to search. I want to add .active class to list item whose search_type equals to a params from a request (i.e., params[request_type]).

<ul data-tabs="tabs" class="tabs">
  <li search_type="Things">
     <a href="#Things">Things</a>
  </li>
  <li search_type="People">
    <a href="#People">People</a>
  </li>  
</ul>

I tried to compare in jQuery:

$('.tabs .li).(function(){  
if($(this).search_type == myParams){
   $(this).addClass('.active');
  }
});

However, my $(this).search_type turns out to be undefined, even though in web-browser, the element shows up correctly as:

<li search_type="Things"> 
  <a href="#Things">Things</a>
</li>

My question is: how to I get search_type from li?

Thank you.

Sarfraz · Accepted Answer · 2012-03-04 19:39:02Z

4

$('.tabs .li').(function(){  
if($(this).attr('search_type') == myParams){
   $(this).addClass('active');
  }
});

Notice the $(this).attr() and also, in addClass dont put . ... only the class name.

edited Mar 4, 2012 at 19:39

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

answered Mar 4, 2012 at 19:38

Pheonix

6,0627 gold badges32 silver badges48 bronze badges

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

Comments

approxiblue · Accepted Answer · 2012-03-04 19:38:29Z

2

It should be $(this).attr('search_type').

answered Mar 4, 2012 at 19:38

approxiblue

7,16216 gold badges53 silver badges59 bronze badges

Comments

Gelin Luo · Accepted Answer · 2012-03-04 19:39:09Z

2

You cannot reference search_type directly, try $(this).attr('search_type') and see what happened

answered Mar 4, 2012 at 19:39

Gelin Luo

14.4k30 gold badges91 silver badges144 bronze badges

Collectives™ on Stack Overflow

Get tag from HTML element with 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