Add Links to Anchors Automatically

The following snippet is something I used recently to add (below the current item in a menu) links to any anchors found in the content.

$("#content a[name]").each(function() {
  if ($("#page-anchors").length === 0) {
    $(".menu-block-1 li.active:last").append("<ul id='page-anchors'>");
  }
  var aname = $(this).attr("name");
  $("#page-anchors").append($("<li><a href='#" + aname + "'>" + aname + "</a></li>"));
});

$("#content a[name]").each(function() {

if ($("#page-anchors").length === 0) {

$(".menu-block-1 li.active:last").append("<ul id='page-anchors'>");

}

var aname = $(this).attr("name");

$("#page-anchors").append($("<li><a href='#" + aname + "'>" + aname + "</a></li>"));

});

Honestly I could probably create the <ul> outside of the each() loop and save having to check whether it exists with each iteration. Also, it’s probably not necessary to create the aname variable, but the overhead here is minimal.

Leave a Reply Cancel reply