Javascript 设置';字体大小';jQuery不处理所选文本的最后一个元素

Javascript 设置';字体大小';jQuery不处理所选文本的最后一个元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试更改所有选定文本的字体大小。它工作正常,但我无法更改数组中最后一个元素的字体 下面是我的代码: $(文档).ready(函数(){ $('span').mouseup(函数(){ var range=window.getSelection().getRangeAt(0); content=range.cloneContents(); var select=content.querySelectorAll('span'); updateFont(选择); }); }); 函数upda

我正在尝试更改所有选定文本的
字体大小
。它工作正常,但我无法更改数组中最后一个元素的字体

下面是我的代码:


$(文档).ready(函数(){
$('span').mouseup(函数(){
var range=window.getSelection().getRangeAt(0);
content=range.cloneContents();
var select=content.querySelectorAll('span');
updateFont(选择);
});
});
函数updateFont(selectedText){
var span=document.getElementsByTagName('span');
对于(i=0;i

这是因为最后一个元素的末尾有一个空格

更改:
if(text==selectedinnerText){

致:


$(文档).ready(函数(){
$('span').mouseup(函数(){
var range=window.getSelection().getRangeAt(0);
content=range.cloneContents();
var select=content.querySelectorAll('span');
updateFont(选择);
});
});
函数updateFont(selectedText){
var span=document.getElementsByTagName('span');
对于(i=0;i

这是因为最后一个元素的末尾有一个空格

更改:
if(text==selectedinnerText){

致:


$(文档).ready(函数(){
$('span').mouseup(函数(){
var range=window.getSelection().getRangeAt(0);
content=range.cloneContents();
var select=content.querySelectorAll('span');
updateFont(选择);
});
});
函数updateFont(selectedText){
var span=document.getElementsByTagName('span');
对于(i=0;iif(text.trim() === selectedinnerText.trim()){ //eliminate spaces before and after the text, incase the highlighting goes over the element.