选择无序列表中的项目并删除属性

时间:2014-08-13 22:15:53

标签: jquery

我有一个jquery脚本,它为所有页脚链接添加了一个rel:

$('#lp_footer a').attr('rel', 'pop');

我的页脚是一个无序列表。我想从列表中选择一个特定的链接并添加一个新的rel属性。 怎么做的?

示例HTML标记:

<div id="footer">
  <div class="inner_wrap">
        <ul>
            <li><a href="home.html" rel="pop">Home</a></li>
            <li><a href="about.html" rel="pop">about</a></li>
            <li><a href="contact.html" rel="pop">Contact</a></li>
       </ul>
  </div>
</div>

我想定位列表中的第二项(关于)并更改rel属性。

2 个答案:

答案 0 :(得分:0)

您想如何选择某个链接?
假设它是通过特定类检测到的,那么您可以简单地执行:

$('#lp_footer li.certain-list-item-class a').attr('rel', 'pop');

其中certain-list-item-class是该特定链接的父列表项的类。

答案 1 :(得分:0)

您没有说出要用于选择特定链接的标准。如果是链接文本,您可以使用以下内容:

$('#lp_footer a:contains("Home")').attr('rel', 'pop');

如果您想通过href属性进行选择,您可以执行以下操作以选择href以“home”开头的所有元素(如果您要翻译显示的文本,这将是更好的选择):

$('#lp_footer a[href^=home]).attr('rel', 'pop');

其他人提到的另一种方法是在元素中添加一个类属性并按其搜索。