文章/答案/技术大牛

发布

社区首页 >问答首页 >基于父列表项的类名动态添加href

问基于父列表项的类名动态添加href
EN

Stack Overflow用户

提问于 2015-06-22 13:22:26

回答 2查看 994关注 0票数 0

我需要根据其父列表项的类名向锚标记添加一个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

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-06-22 13:24:56

试试看：

$("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
});

票数 3

Stack Overflow用户

发布于 2015-06-22 13:23:50

使用jQuery attr()设置锚点的属性，如下

$("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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30981092

复制

相似问题

问基于父列表项的类名动态添加href
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于父列表项的类名动态添加hrefEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于父列表项的类名动态添加href
EN