Jquery：传递attr，破坏attr

Question

我该怎么做：

<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>

进入这个：

<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>

在Jquery中使用.attr

感谢。

Answer 1

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

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

});

Answer 2

这应该适合你：

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

http://jsfiddle.net/VbtJn/

Answer 3

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

Answer 4

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

Answer 5

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