Jquery: pass attr, détruire attr

Question

Comment activer ceci:

<ul> 
    <li><a href="Menu1">Menu 1</a></li> 
    <li><a href="Menu2">Menu 2</a></li> 
    <li><a href="Menu3">Menu 3</a></li> 
</ul> 

Dans ceci:

<ul> 
    <li><a href="#" catid="Menu1">Menu 1</a></li> 
    <li><a href="#" catid="Menu2">Menu 2</a></li> 
    <li><a href="#" catid="Menu3">Menu 3</a></li> 
</ul> 

En utilisant Jquery .attr

Merci.

Answer 1

$('ul li a').each(function() { 

    var self = $(this); 
    self.attr('catid', self.attr('href')); 
    self.attr('href', '#'); 

}); 

Answer 2

$("ul li a").each(function(){ 
    var catid = $(this).attr('href'); 
    $(this).attr('catid', catid); 
    $(this).attr('href', '#'); 
}); 

Answer 3

Cela devrait le faire pour vous:

$('a').attr('catid', function() { 
    var href = $(this).attr('href'); 
    $(this).attr('href', '#'); 
    return href; 
});​ 

http://jsfiddle.net/VbtJn/

Answer 4

$('ul li a').each(function(){ 
    $(this).attr('catid',$(this).attr('href')); 
    $(this).attr('href', '#'); 
}); 

Answer 5

$("li a").each(function(){ 
    $(this) 
     .attr("catid", $(this).attr("href")) 
     .attr("href", "#"); 
});