Question

我有一个带有这样字符串的元素：

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

我使用jQuery .text()获取文本并将其保存在字符串中。

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

我想找到例如＆＃34; k＆＃34;使用str[5]替换<p>的内部HTML，将其包含在<span>标记中，其中包含＆＃34; red＆＃34;例如。所以我可以设计它。我找到了this解决方案，但它的答案使用了正则表达式，我希望这封信添加一个span变量。

我怎样才能做到这一点？

PS：我想改变这个：

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

到此：

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

但我不想找到＆＃34; k＆＃34;，因为他们可能很多＆＃34; k＆＃34;字符，我想在元素中找到字符编号x。

Answer 1

您可以使用var str和索引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>

使用类javascript包装span标记中字符串的字符索引

2 个答案: