Question

创建S ::

标题变量，其中包含文章“第X条”的名称。

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

尝试使用trim，lowercase和replace方法创建slug

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

尝试插入目标锚点

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

这是我在说明中解决的问题：

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

我们需要在list_item中添加链接。您可以自己使用var list_item = line来包含一个链接标记，其中href指向#article_x，其中article_x是当前的slug。

我该怎么写？

我的尝试无效：

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

Answer 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

jQuery：尝试创建“slug”，目标锚点

1 个答案: