如何使用jquery仅从该HTML表的可见行检索值?

如何使用jquery仅从该HTML表的可见行检索值?,jquery,arrays,html-table,Jquery,Arrays,Html Table,我有一个html表格,里面有两个人。当用户在搜索框中输入文本并将表的结果分隔为1个名称时,将出现一个显示数字条形图的图表。这一部分目前可以工作,但我希望“chartCreator”函数能够在表中只有一个人的情况下,将结果直接从表的可见行拉到图表中。我该怎么做呢?我是否会使用jquery循环遍历可见行的内容,并将它们存储到一个数组中,并将该数组用作myFunction参数?我对这方面还不太熟悉,所以任何帮助都将不胜感激 $(文档).ready(函数(){ //本节搜索表并隐藏与搜索文本不匹配的行

我有一个html表格,里面有两个人。当用户在搜索框中输入文本并将表的结果分隔为1个名称时,将出现一个显示数字条形图的图表。这一部分目前可以工作,但我希望“chartCreator”函数能够在表中只有一个人的情况下,将结果直接从表的可见行拉到图表中。我该怎么做呢?我是否会使用jquery循环遍历可见行的内容,并将它们存储到一个数组中,并将该数组用作myFunction参数?我对这方面还不太熟悉,所以任何帮助都将不胜感激

$(文档).ready(函数(){
//本节搜索表并隐藏与搜索文本不匹配的行
//它还统计表中的行数,如果只有一行可见,则显示图表
var resultText=“人”;
var resultcount=$('.myTable tr:visible')。长度-1;
document.getElementById(“results_span”).innerHTML=ResultCount+resultText;
$(“#myInput”)。在(“keyup”,function()上{
var value=$(this.val().toLowerCase();
$(“.myTable tbody tr”).filter(函数(){
$(this).toggle($(this).text().toLowerCase().indexOf(value)>-1)
});
结果计数=$('.myTable tr:visible')。长度-1;
如果(结果计数==1){
document.getElementById(“结果”)style.color=“#b6fbd2”;
resultText=“person”;
chartCreator(“托德·安德森”,1000、1000、1000、1000、1000、1000、1000、1000、1000、1000、1000、1000、1000);
$(#chartContainer')。show(200);
}	
else{document.getElementById(“results_span”).style.color=“#fbb6bc”;$(#chartContainer”).hide()}
document.getElementById(“results_span”).innerHTML=ResultCount+resultText;
resultText=“人”;
});		
});
//此函数用于将值输入图表并创建图表
功能图表创建者(paymasterName、m1、m2、m3、m4、m5、m6、m7、m8、m9、m10、m11、m12){
变量选项={
标题:{text:paymasterName},
数据:[{
键入:“列”,
数据点:[
{标签:“Jan”,y:m1},
{标签:“二月”,y:m2},
{标签:“Mar”,y:m3},
{标签:“Apr”,y:m4},
{标签:“五月”,y:m5},
{标签:“Jun”,y:m6},
{标签:“Jul”,y:m7},
{标签:“Aug”,y:m8},
{标签:“Sep”,y:m9},
{标签:“Oct”,y:m10},
{标签:“Nov”,y:m11},
{标签:“Dec”,y:m12}
]
}]
};
$(“#chartContainer”)。画布图表(选项);
}
#背景容器{
背景色:#6d5a5a;
最小高度:600px;
}
#searchAndChartContainer{最小高度:100px;}
#搜索\u提示\u div{
左边距:16像素;
显示:内联块;
高度:110px;
宽度:390px;
浮动:左;
}
#search_prompt_div p{颜色:白色;字体大小:14px;页边距底部:12px;}
#搜索提示div输入{高度:30px;字体大小:16px;宽度:300px;}
#search_prompt_div#results_span{显示:内联块;左边距:6px;颜色:#b6fbef;字体大小:12px;}
#chartContainer{左边距:30px;显示:无;高度:200px;宽度:500px;}
.myTable{左边距:15px;边框折叠:折叠;边框间距:0;边框:1px实心#a5aebf!重要;}
.myTable td{
颜色:#defffc;
背景色:rgba(1021181270.63);
文本对齐:左侧;垂直对齐:顶部;
字体大小:14px;填充:10px 5px;
边框样式:实心;
边框宽度:1px;
边框颜色:#a5aebf;
}
.myTable th{
字号:18px;
背景色:rgba(72,102,123,0.52);
颜色:#eaecf9;
填充:10px 5px;边框样式:实心;边框宽度:1px;边框颜色:#a5aebf;
} 
.myTable th:n个子(-n+2){宽度:200px;}
.myTable th:n子(n+3){宽度:60px;}



在此处键入姓名以查找员工:





Paymaster经理一月二月三月四月五月六月七月八月九月十月十一月十二月 托德·安德森·索菲亚·帕特森2005 1427 1286 2140 2501 1491 616 360 396 494 447 486 约翰·史密斯无名氏100513271986145350149151646059648247386
我做了一些更改。。如果你需要更多的细节,请告诉我

$(文档).ready(函数(){
var resultText=“人”;
var resultcount=$('.myTable tr:visible')。长度-1;
document.getElementById(“results_span”).innerHTML=ResultCount+resultText;
$(“#myInput”)。在(“keyup”,function()上{
var value=$(this.val().toLowerCase();
$(“.myTable tbody tr”).filter(函数(){
$(this).toggle($(this).text().toLowerCase().indexOf(value)>-1)
});
结果计数=$('.myTable tr:visible')。长度-1;
如果(结果计数==0){
$(“#chartContainer”).hide()
}else if(resultCount==1){
document.getElementById(“结果”)style.color=“#b6fbd2”;
resultText=“person”;
myFunction($($('.myTable tr:visible')[1]).children();
$(#chartContainer')。show(200);
}否则如果(结果计数>1){
document.getElementById(“结果”)style.color=“#fbb6bc”;
$(“#chartContainer”).hide();
}否则{
document.getElementById(“结果”)style.color=“#fbb6bc”;
$(“#chartContainer”).hide();
}
document.getElementById(“results_span”).innerHTML=ResultCount+resultText;
resultText=“人”;
});
});
函数myFunction(