Question

我有这个导航和这个脚本，我在点击时添加活动类。我想添加图标，以便用户点击图标以激活课程，并在<a href=""></a>内设置图标。这是我要添加的图标：

<i class="fa fa-angle-right"></i>

<nav class="right-content-links">
  <ul>
   <li><a href="/permanent-galleries" class="active">PERMANENT GALERIES</a></li>
   <li><a href="/exhibitions">EXHIBITIONS</a></li>
   <li><a href="/items">ITEMS</a></li>
   <li><a href="/events">EVENTS</a></li>
   <li><a href="/coming-soon">COMING SOON</a></li>
   <li><a href="/news">NEWS</a></li>
  </ul>
</nav>

$(function() {
  var href = window.location.href;
  $('nav a').each(function(e,i) {
    if (href.indexOf($(this).attr('href')) >= 0) {
      $(this).addClass('active');
    }
  });
});

Answer 1

你可以这样做：

$(this).addClass('active').append('<i class="fa fa-angle-right"></i>');

Answer 2

你应该做

$(function() {
  var href = window.location.href;
  $('nav a').each(function(e,i) {
    if (href.indexOf($(this).attr('href')) >= 0) {
      //append icon here   
      $(this).addClass('active').append('<i class="fa fa-angle-right"></i>');
    }
  });
});

如何用jquery添加图标？

2 个答案: