将单击对象的类名应用于另一个jQuery

时间:2014-10-02 23:51:56

标签: jquery toggleclass

我有一个函数,它接受一个链接的文本和网址,并在你点击它时将其插入别处:

$(document).on( 'click', 'nav a', function( event ) {  
  $("#nav-tabs .ui-tabs-active a").text(this.text);
  $("#nav-tabs .ui-tabs-active a").attr("href",this.href);
  return false
}); 

工作正常。但我也想从中获取类名,我无法弄清楚语法。我试过了:

$("#nav-tabs .ui-tabs-active a").toggleClass(this.class);

但这并不奏效。建议?

1 个答案:

答案 0 :(得分:0)

// Use some static "#parent" ID instead of document
$("#parent").on( 'click', 'nav a', function( event ) {  
  event.preventDefault(); // instead of  return false;
  alert( this.textContent +' '+ this.getAttribute("href") +' '+ this.className );
});

请注意,this.href可能会返回完整的URI路径而不是确切元素的href属性值。

Fiddle Demo

或使用相应的jQuery方法:

$("#parent").on( 'click', 'nav a', function( event ) {  
  event.preventDefault();
  var el = $(this);
  alert( el.text() +' '+ el.attr("href") +' '+ el.attr('class') );
});