根据父列表项的类名动态添加href答案

【问题标题】：Dynamically add href based on Class name of parent list item根据父列表项的类名动态添加href
【发布时间】：2015-09-07 23:19:37
【问题描述】：

我需要根据父列表项的类名将href 属性添加到锚标记。示例：这是我需要的：

<li class="prefix_1"><a href="prefix_1">myText</a></li>
<li class="prefix_2"><a href="prefix_2">myText</a></li>
<li class="prefix_3"><a href="prefix_3">myText</a></li>

我还应该补充一点，我正在使用 jQuery 将类名动态添加到列表项中，如下所示：

$("ul.tabs-nav").children().each(function(i) {
   $(this).addClass("prefix_" + (i+1));
});

【问题讨论】：

你从什么开始？

标签： javascript jquery html

【解决方案1】：

试试这个：

$("ul.tabs-nav").children().each(function(i) {
   var $this = $(this); // don't look for the same element twice
   $this.addClass("prefix_" + (i+1));
   $this.find('a').attr('href', 'prefix_' + (i+1)); // find the link and add href
});

【讨论】：

这正是我所需要的！非常感谢！

【解决方案2】：

使用jQueryattr()设置锚点like的属性

$("ul.tabs-nav").children().each(function(i) {
   $(this).addClass("prefix_" + (i+1));
   $(this).find('[href]').attr('href', 'prefix_' + (i+1));
});

$("ul.tabs-nav").children().each(function(i) {
  $(this).addClass("prefix_" + (i + 1));
  $(this).find('[href]').attr('href', 'prefix_' + (i + 1));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="tabs-nav">
  <li class="prefix_1"><a href="prefix_1">myText</a>
  </li>
  <li class="prefix_2"><a href="prefix_2">myText</a>
  </li>
  <li class="prefix_3"><a href="prefix_3">myText</a>
  </li>
</ul>

【讨论】：