jquery - 如何使用jQuery添加href

Question

我正在使用以下 jquery 制作下拉菜单：

$(document).ready(function(){
    // executed after the page has finished loading
   $('#navigationMenu li .normalMenu').each(function(
      $(this).before($(this).clone().removeClass().addClass('hoverMenu'));
   });
   $('#navigationMenu li').hover(function(){    
      $(this).find('.hoverMenu').stop().animate({marginTop:'0px'},200)
   },
   function(){
     $(this).find('.hoverMenu').stop().animate({marginTop:'-25px'},200);
   });
});

我需要帮助仅从创建的克隆中添加 href。

Answer 1

要添加href属性，请使用attr：

$(this).before(
   $(this)
    .clone()
    .addClass('hoverMenu')
    .attr('href', 'http://google.com')
);

参考：

.attr( attributeName, value )

---

描述：为一组匹配的元素设置一个或多个属性。

• attributeName

  类型：String

  要设置的属性的名称。

• value

  类型：字符串或数字

  为属性设置的值。

Answer 2

您可以在使用克隆它们时删除 href.removeAttr()

  $(this).before($(this).clone().removeClass().addClass('hoverMenu').removeAttr('href'));

要添加 href，您可以使用 .attr()

 $(this).before($(this).clone().removeClass().addClass('hoverMenu').attr('href','#'));