javascript - 更改没有 id 的 <li> 链接

Question

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

<ul class="dropdown-menu" aria-labelledby="user_info_dropdown" role="menu">  
   <li>
      <a href="myLink.com?id=12431312sdfs2143123"></a> 
   </li> 
</ul>

我想将 anchor 标记中的链接更改为 myLink.com?id=12431312sdfs2143123&anotherValue

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

Answer 1

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

使用父级

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

// 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值您的目标，您可以应用更通用的方法。即替换任意 <a>以“myLink.com?”开头的标签并附加您的查询字符串值:

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