从子元素的标题中获取html元素

时间:2015-08-19 19:40:44

标签: javascript jquery html

我的列表中有一个活动的类元素

<ul class="tabs clearfix" >
<li>  
  <a title="abc" href=# >ABC</a> 
</li>
<li>
  <a title="xyx" href=# >XYZ</a>
</li>
<li class=active > 
  <a title="all" href=# >All</a> 
</li>

我使用本地存储来存储标记的标题,然后用于相应地加载内容。当我从本地存储中取回标题时,我很难获得特定的li元素。我想在li元素中添加一个与特定标题对应的活动类。这是javascript代码:

$(document).ready(function(){
var tabs = $('.tabs > li');
if (localStorage.getItem("tabIndex") === null) {
    $( "#content" ).load( "{{url_for('mypage', query=query)}}" );
}else{
    var lastIndex = localStorage.getItem('tabIndex');
    **Do something to get the specific li element for the title**
    **addclass('active') for the li**
    LoadContent(lastIndex);
} 
tabs.on("click", function(){
    tabs.removeClass('active');
    localStorage.setItem('tabIndex', $('a', this).attr('title'));
    $(this).addClass('active');
    var index = $(this).children('a')[0].title;
    LoadContent(index);
})
});

我试过了$("a[title=lastIndex]").parent().addClass('active');,但这似乎不起作用。一如既往,我非常感谢本网站为我提供的所有帮助。感谢

1 个答案:

答案 0 :(得分:4)

您可以使用$('a[title="xyz"]')获取所需的元素

例如:说出 lastIndex = xyz ,然后选择器变为{{1}}