Question

我正在使用CMS并在页面包装器中创建一个面包屑，该面包屑将应用于多个页面，我想要做的是

获取正在查看的页面的<title>并将其插入到面包屑中，面包屑将针对每个页面动态更改。

不幸的是CMS＆＃39;内置的内置函数不允许我简单地插入动态提取页面ID＃的[[S80:frID]]。

我必须手动输入页面ID＃，然后删除动态方面。所以我想诉诸Javascript

我确定我可以通过以下方式检索标题：

<script>
 $(document).ready(function() {
   var pgTitle = document.title;

   $("#pullTitle").text(" " + pgTitle);

 });
</script>

但我该如何处理并将其插入锚标记的文本中：

<a id="#pullTitle" href="internalpage">  </a>

我上面尝试过的事情并没有做什么。如果有人有任何建议，我会非常感激。

谢谢！

Answer 1

尝试： $("#pullTitle").html(" " + pgTitle);

这将导致：

<a id="pullTitle" href="internalpage">page title appears here</a>

Answer 2

我认为问题只是锚点ID中的＃。 jquery选择器中的＃告诉它查看元素ID（而不是类。）

如果你删除它应该可以工作！

Answer 3

你可以在javascript中用2行来实现这个目的：

var titleBreadcrumb = document.getElementById('pullTitle');
titleBreadcrumb.textContent = document.title;

如果你愿意，甚至只需一行：

document.getElementById('pullTitle').textContent = document.title;

Answer 4

您已在锚标记ID中添加了＃字符。这就是为什么它不起作用。

https://jsfiddle.net/asimshahiddIT/a7w4yLd4/

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>Hello World</title>

<script>
$(document).ready(function() {
   var pgTitle = $('title').text();

   $("#pullTitle").text(pgTitle);

 });
  </script>
<body>
<a id="pullTitle" href="internalpage">test  </a>
</body>

＆＃13;

Answer 5

你可以使用以下任何一个： 1. $（“＃pullTitle”）。html（“”+ pgTitle）;要么 2. var titleBreadcrumb = document.getElementById（'pullTitle'）; titleBreadcrumb.textContent = document.title;

如何将html页面的标题插入锚标记的文本？

5 个答案: