使用JavaScript設置來自內容的標題ID屬性

Question

使用JavaScript什麼是從其內容設置標題標識並使用連字符替換空格並使其成爲小寫字母的最簡單方法。

例如，如果標題是：

<h1>Header one content</h1> 

我們如何才能改變這種狀況到：

<h1 id="header-one-content">Header one content</h1> 

感謝

Answer 1

的另一種方式，通過所有H1標籤迭代以及執行操作：

$("h1").each(function() { 
    var hyphenated = $(this).text().replace(/\s/g,'-'); 
    $(this).attr('id',hyphenated); 
    } 
); 

Answer 2

既然你在標籤中提到的jQuery我假設你表示歡迎，所以：

jQuery("h1:first").attr("id", "header-one-content"); 

更新：對不起，沒讀過問題不夠仔細。這裏是一個更新：

從jQuery網站：

示例：設置ID爲基於頁面的位置的div。（編輯）

<h1>Heading One</h1> 
<h1>Heading Two</h1> 
<h1>Heading Three</h1> 

使用Javascript：

$("h1").attr("id", function (arr) { 
    return "header-" + arr; 
}); 

結果：

<h1 id="header-0">Heading One</h1> 
<h1 id="header-1">Heading Two</h1> 
<h1 id="header-2">Heading Three</h1> 

更多信息：jQuery.attr

Answer 3

使用JQuery：

var inner = jQuery("h1:first").html(); 
inner.replace(" ", "-"); 
jQuery("h1:first").attr("id", inner); 

Answer 4

由於jQuery是不是真的需要

var tags = document.getElementsByTagName("h1"); 
for (var i=0, h1; h1 = tags[i]; i++) { 
    h1.id = h1.innerHTML.toLowerCase().replace(" ", "-"); 
} 

Answer 5

使用JavaScript：

var title = document.getElementsByTagName('h1')[0]; 
//it returns a array of h1 tags. For this example I only obtain the first position. 
//you can change the index of the array to obtain your 'h1'. It depends on the position. You also can to cover the array by a for loop. 

title.id = title.innerHTML.replace(/ /g, "-").toLowerCase() 
//The /g operator is to define a global replace.