0

创建一个蛞蝓

包含文章名称“Article X”的标题变量。

$("div.article h2").each(function(){
  var title = $(this).text();

尝试使用修剪、小写和替换方法创建 slug

var slug = title.trim().toLowerCase().replace(" ", "_");

尝试插入目标锚点

var target_anchor = "<a name='" + slug + "'/>";

这是我在说明中感到困惑的地方:

然后,您自己,使用 append 方法将其粘贴到 h2 中。请记住,self 是一个纯 Javascript 对象,它没有 append 方法。链接到目标

我们需要在 list_item 中添加链接。自行使用 var list_item= 行来包含一个链接标签,其中 href 指向 #article_x,其中 article_x 是当前的 slug。

我怎么写这个?

我的尝试没有奏效:

     var list_item = "<li>" + "<a href='#article_x'</a> " + slug + "</li>"
4

1 回答 1

1

你应该做

$("div.article h2").each(function(){
  var title = $(this).text();
  var slug = title.trim().toLowerCase().replace(" ", "_");
  var list_item = "<li><a href='#"+slug+"'> " + title + "</a></li>";
  $(this).prop('id', slug);
  $(WHERE_YOU_WANT_TO_APPEND_IT).append(list_item);
}

WHERE_YOU_WANT_TO_APPEND_IT由您的选择器更改

于 2013-01-25T00:50:15.807 回答