使用jQuery从HTML元素中获取标记

时间:2012-03-04 19:36:11

标签: jquery html

我有一个带有两个标签的搜索框,可以选择要搜索的类型。我想添加.active类来列出其search_type等于请求中的参数的项目(即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>

我试着在jQuery中进行比较:

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

然而,我的$(this).search_type原来是未定义的,即使在网络浏览器中,该元素正确显示为:

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

我的问题是:如何从li获得search_type?

谢谢。

3 个答案:

答案 0 :(得分:4)

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

请注意$(this).attr()以及addClass中的.不要只列出类名。

答案 1 :(得分:2)

应为$(this).attr('search_type')

答案 2 :(得分:2)

您无法直接引用search_type,请尝试$(this).attr('search_type')并查看发生了什么