更改<li>的链接,不带ID

时间:2016-05-31 15:26:02

标签: javascript jquery html

我有一个没有id的下拉菜单 - 我正在尝试通过a或{{更改li中嵌套的JavaScript的href值1}}。这是标记:

jQuery

我想将锚标记中的链接更改为<ul class="dropdown-menu" aria-labelledby="user_info_dropdown" role="menu"> <li> <a href="myLink.com?id=12431312sdfs2143123"></a> </li> </ul>

实现这一目标的最佳方法是什么?

1 个答案:

答案 0 :(得分:2)

您可以通过多种方式定位此元素。

使用家长

由于您的元素是列表中唯一的元素,您可以使用其中的目标来解析它:

// This should find it and replace it
$('.dropdown-menu ul li:first a').attr('href','...');

使用属性

如果您确切知道需要替换的特定值是什么(即href属性),您可以使用jQuery的属性选择器来查找具有适当内容的元素并更新它们:

// Find a link with a specific URL and update it
$('a[href="myLink.com?id=12431312sdfs2143123"]').attr('href','...');

更广泛的笔触

如果您不知道目标的确切href值,则可以应用更通用的方法。也就是说,替换任何以&#34; myLink.com开头的<a>标签?&#34;并追加你的查询字符串值:

$('a[href^="myLink.com?"]').each(function(){
     $(this).attr('href',$(this).attr('href') + '&anotherValue';
});