用類javascript將span標簽中的字符串中的字符索引換行

Question

我有一個像這樣的字符串元素：

<p>I like trains and planes</p>

我得到它的文本與jQuery .text()並將其保存在字符串中。

var str = $('p').text();

例如，我想使用str[5]查找“ k”，並替換<p>的內部HTML以將其圍繞在<span>標記周圍，例如，類為“ red”。 所以我可以樣式。 我找到了此解決方案，但其答案使用了正則表達式，並且我希望這封信中添加一個自動換行符以使其可變。

我該如何實現？

PS：我想例如更改此：

<p>I like trains and planes</p>

對此：

<p>I li<span class="red">k</span>e trains and planes</p>

但是我不想找到“ k”，因為它們可能是很多“ k”字符，所以我想在元素中找到字符編號x 。

Answer 1

您可以使用var str和index x來執行此操作：

$('p').html(str.slice(0, x) + '<span class="red">' + str[x] + '</span>' + str.slice(x + 1));

Answer 2

 var getletter = $('p').text().charAt(4); var newletter = '<span class="red">'+getletter+'</span>'; //alert(newletter); var replace_it = $('p').text().replace(getletter , newletter); //alert(replace_it); $('p').html(replace_it); 

 .red{ color : red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>I like trains and planes</p>