0

我希望在我的网站上为我的文章创建一个新页面，<h1>该页面稍后在页面中复制我的标签内容。

我想包含一小段代码（我想象的是 Javascript，但还有其他东西会做）——在<h1>底部动态添加我文章的标题，所以它看起来像这样：

<h1> This is the title of the article </h1>

 and then at the end of the page:

  Related Articles:

   <p> If you enjoyed reading 
         <script>... populatate "This is the title of the article"</script> 
  then why not explore the following similar articles? </p>

<title>我已经调查过了，除了复制标签之外，似乎看不到如何做到这一点。这可能真的很简单，但有人知道怎么做吗？

4

5 回答 5

1

HTML

<h1 id="something"> title </h1>
<h1 id="repeated_title"></h1>

查询

$("#repeated_title").text($("#something").text());
于 2013-07-23T11:58:37.223 回答
1

如果你有这样的代码：

If you enjoyed reading <span id="populate"></span>

您可以编写一个 jQuery 片段，如：

$(function(){
    $('#populate').text($('h1').text());
});
于 2013-07-23T11:59:29.333 回答
1

在生成/编写 HTML 时而不是在运行时复制数据可能是一个更好的主意，但如果不可能，请将要复制文本的位置包装到可以引用的元素中，例如通过 id：

<span id="title_copy"></span>

然后，找出一种方法来引用要从中复制文本的标题，例如再次通过 ID：

<h1 id="main_title">This is the title of the article</h1>

然后就可以用JS把“main_title”的内容复制到“title_copy”了：

document.getElementById('title_copy').innerHTML = document.getElementById('main_title').innerHTML;
于 2013-07-23T12:04:01.923 回答
1

在纯 Javascript 中，你会这样做（看 Ma，没有 jQuery）

<h1 id="something"> title </h1>
If you enjoyed reading <span id="populate"></span>

Javascript

<script>
    document.getElementById("populate").innerHTML = document.getElementById("something").innerHTML;
</script>

可能最好在服务器端进行。

PS您不必将<script>标签放在那里。文档中的任何地方都可以，并且主要在<head>

于 2013-07-23T12:04:11.197 回答
0

有很多方法可以做到这一点，而 javascript 不是最好的，因为您应该在服务器端执行此操作。

<h1 id='title'> This is the title of the article </h1>

and then at the end of the page:

Related Articles:

<p> If you enjoyed reading <span id="title2"></span> then why not explore the following similar articles? [/p]
<script>$("#title2").text(#("#title").text);</script>
于 2013-07-23T12:01:16.467 回答