2016-11-29 50 views
0

我使用的是CMS和創建一個頁面包裝麪包屑,將被應用到多個頁面,以及我想要做的是如何將html頁面的標題插入到錨標籤的文本中?

以正在瀏覽的網頁的<title>並將其插入的痕跡,麪包屑會爲每個頁面動態更改。

不幸的是,CMS的內置內置函數不允許我簡單地插入動態調用頁面ID#[[S80:frID]]

我必須手動輸入頁面ID#,然後刪除動態方面。所以我想採用JavaScript

我敢肯定,我可以做檢索標題:

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

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

}); 
</script> 

,但我會如何對待這種情況,把它插入到一個錨標記的文字:

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

我上面試過的東西沒有做任何事情。如果有人有任何建議,我將不勝感激。

謝謝!

+1

您使用jQuery的'text()'函數[okay](http://stackoverflow.com/a/901937/216084)。現在,如果它是動態創建的,或者重複ID的問題(如[Devin D]所示(http://stackoverflow.com/a/40871820/216084)) –

回答

3

我認爲這個問題是簡單地在錨ID的#。 jquery選擇器中的#告訴它查看元素ID(而不是類。)

如果你刪除它,這應該工作!

+1

哦,我一直在做我能想到的所有與javascript/jquery相關的東西,它甚至沒有讓我覺得它是錨定標籤中的#哈哈感謝Devin,它終於有效! – Umeed

4

嘗試: $("#pullTitle").html(" " + pgTitle);

這將導致:

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

#代表一個id選擇器,它不需要是id的一部分。ID應該是pullTitle而不是#pullTitle – Manish

+1

@Manish:收到你的評論,因爲我正在糾正它:-)。謝謝你的收穫。 – Pineda

1

可以在2號線在JavaScript實現這一點:

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

甚至只是一條線,如果你想:

已添加#字符錨標籤ID
document.getElementById('pullTitle').textContent = document.title; 
0

。這就是爲什麼它不工作。

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

<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>

0

你可以使用這個: 1. $( 「#pullTitle」)HTML(」「+ pgTitle)。或 2. var titleBreadcrumb = document.getElementById('pullTitle'); titleBreadcrumb.textContent = document.title;

相關問題