Javascript 如何在列表视图中筛选内部子元素&；还有任何简单的方法可以使用Jquery将字母滚动条添加到移动应用程序的列表视图中

Iam使用jQuery创建了一个移动应用程序，当我点击任何字母表时，它会在列表视图中显示所有元素

如果我点击R，它会带我进入带有R的所有项目列表，但我的问题是，如果R的列表太大，我想从R中搜索任何特定项目，那么怎么做？
还有，如何以一种简单的方式创建按字母顺序排列的滚动条

这是我的密码：

$.mobile.document.on（“页面创建”，“演示页面”，函数（）{
var head=$（“.ui页面处于活动状态[数据角色='header']”）；
$.mobile.document.on（“单击“，#分拣机li”，函数（）{
var top，
字母=$（this）.text（），
搜索=$（“[data filter='true']”），
分隔符=$（“#sortedList”）.find（“li.ui li分隔符：包含（“+字母+搜索+”））；
如果（分隔器长度>0）{
顶部=分隔器。偏移（）。顶部；
$.mobile.silentScroll（顶部）；
}否则{
返回false；
}
});
$（“#分拣机li”）。悬停（函数（）{
$（this.addClass（“ui btn”）.removeClass（“ui li静态”）；
}，函数（）{
$（this.removeClass（“ui btn”）.addClass（“ui li静态”）；
});
});
$（函数（）{
$.mobile.window.on（“滚动”，函数（e）{
var headTop=$（窗口）.scrollTop（），
foot=$（“.ui页面处于活动状态[数据角色='footer']”），
head=$（“.ui页面处于活动状态[数据角色='header']”），
headerheight=head.outerHeight（）；
如果（顶部<顶部高度和顶部高度>0）{
$（“#分类器”）.css({
“顶部”：车头高度+15-车头顶部，
“高度”：window.innerHeight-head[0]。offsetHeight+window.pageYOffset-10
});
$（“分拣机李”）。高度（“3.3%”；
}else if（headTop>=headerheight&&headTop>0&&parseInt（headTop+
$.mobile.window.height（））=parseInt（foot.offset（）.top）&&
parseInt（headTop+window.innerHeight）=parseInt（foot.offset（）.top））{
$（“#分类器”）.css({
“顶部”：“60px”
});
}否则{
$（“#分拣机”）.css（“顶部”，人头高度+15）；
}
});
});
$.mobile.window.on（“throttleResize”，function（）{
$（“#分拣机”）.height（window.innerHeight-headerheight-20）.css（“顶部”，headerheight+18）；
});
$.mobile.document.on（“页面显示”，“演示页面”，函数（）{
var headerheight=$（“.ui页面处于活动状态[data role='header'][data filter='true']）。outerHeight（）；
$（“#分拣机”）.height（window.innerHeight-headerheight-20）.css（“顶部”，headerheight+18）；
});
h1{
字号：14pt；
颜色：#E76C67；
利润率最高：0%；
}
氢{
字号：12号；
颜色：#4444；
利润率最高：-3%；
}

福音歌曲

A
B
C
D
E
F
G
H
我
J
K
L
M
N
O
P
Q
R

T
U
五
W
X
Y
Z