在h1中的每个单词中添加一个href

Question

我知道这是一项复杂的任务。 我想在我的网页上添加h1标签内每个单词的链接，而不会破坏任何代码。并没有结合标题。每页上都有不同的标题。他们都有班级.entry-title。链接应包含＆＃34;单词＆＃34;正在联系。

Answer 1

您可以使用

进行a fiddle

var words = $("h1").text();
var wordArray = words.split(" ");
alert(wordArray.length);
var t="";
$(wordArray).each(function(index, word){
    t= t + '<a href="url" + index>' + word + "</a> ";
});

$("h1").html(t);

<强> __ UPDATE __

那么，这是解决方案：

<强> HTML

<h1 id="theOneAndOnlyOne">one two three for five</h1>
<h1>six seven eight nine ten</h1>

<强> JS

var words = $("#theOneAndOnlyOne").text();
var wordArray = words.split(" ");
alert(wordArray.length);
var t="";
$(wordArray).each(function(index, word){
    t= t + '<a href="url" + index>' + word + "</a> ";
});

$("#theOneAndOnlyOne").html(t);

这是new fiddle

Answer 2

$(document).ready(function() {
    $('h1').each(function() {
        var $this = $(this);
        var src = //whatever you need
        var a = $('<a/>').attr('href', src);
        $this.wrap(a);
    });
});