如何定位特定的<li> </li>

时间:2013-10-13 12:47:14

标签: javascript html html-lists

我想单独定位以下“列表”项目,并为每个项目单独修改href。但是,我想在没有“list”的特定div标签/类的情况下这样做。可能吗?

<li><a href="javascript:;">Category 1</a></li>
<li><a href="javascript:;">Category 2</a></li>
<li><a href="javascript:;">Category 3</a></li>

1 个答案:

答案 0 :(得分:0)

如果使用jquery,你可以这样做:

$.each($("li a"), function(){
     var href = $(this).attr('href');
     var text = $(this).text();
     //now you have your href and text
     if(text == 'Category 1'){
        //updated to change the link to a different URL
        $(this).attr('href', 'http://www.your-new-link');
     }
     if(text == 'Category 2'){
        //do something else
    }
});