Javascript 对从数组中获取索引感到困惑吗

我有一个包含一些文本的数组：

var values = ['text1', text2',...]

此数组用文本填充select，当用户选择一个选项时，将创建一个包含该值的ul列表和另一个包含用户选择的所有选项的数组。我想要的是让用户从列表和数组中删除该元素，问题是当我尝试获取所选li的索引时

//Here it appends the element selected to the list
$('#container ul#header').append('<li class="list-group-item">'  +  text + '<span class="glyphicon glyphicon-remove pull-right" aria-hidden="true"></span> </li>');


 function deleteElement(){
    $(".list-group-item span").click(function(){
       var index = values.indexOf( $(this).parent().text() )
   });
 }

编辑：

$this.parent.text从li返回文本

在控制台上显示的就是这个，但是当我控制台字符串的长度时，它返回大小加1：

//String
values.indexOf( $(this).parent().text().length ); //7
values.indexOf( 'string'.length ); //6

所以我想这与此有关，我试图弄清楚为什么它返回+1，我想这与，我不确定。你需要修剪文本，因为后面有空格：

由于以下内容后面有空格，您需要修剪文本：

---

$this.parent.text返回多少？$this.parent.text返回多少？是的，是这样，当我控制台显示字符串加1的长度时，跨度，好吧，现在我觉得很傻哈哈，是这样，当我控制台显示字符串加1的长度时，跨度，好吧，现在我觉得很傻哈哈

//String
values.indexOf( $(this).parent().text().length ); //7
values.indexOf( 'string'.length ); //6

var index = values.indexOf($(this).parent().text().trim());