Question

How do I turn this:

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

Into this:

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

In Jquery using .attr

Thanks.

Answer 1

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

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

});