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.