Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表td文本添加到进度值中_Javascript_Jquery - Fatal编程技术网

Javascript 如何将表td文本添加到进度值中

Javascript 如何将表td文本添加到进度值中,javascript,jquery,Javascript,Jquery,我在表格的第三列有进度条。我替换了我评论使用的td的进度条的值,以及我评论可用的td的进度条的最大值 问题是代码是当有两个进度条时,我的代码不能正常工作,并且已经显示了一个进度条的值 我该怎么办 以下是我的片段: $(“表tr”)。每个(函数(){ var progress=$(this.find('td:eq(2)progress'); progress.val($(this.find('td:eq(1)')).text() progress.prop('max',$(this).find(

我在表格的第三列有进度条。我替换了我评论使用的td的进度条的值,以及我评论可用的td的进度条的最大值

问题是代码是当有两个进度条时,我的代码不能正常工作,并且已经显示了一个进度条的值

我该怎么办

以下是我的片段:

$(“表tr”)。每个(函数(){
var progress=$(this.find('td:eq(2)progress');
progress.val($(this.find('td:eq(1)')).text()
progress.prop('max',$(this).find('td:eq(0)').text())
});

30
4.
20
20 6
5

您可以执行以下操作:

$(“表tr”)。每个(函数(){
var children=$(this.children('td');//获取当前tr的所有td子级
var vals=$(children[1]).html().split(“
”);//通过在
var maxVals=$(children[0]).html().split(“
”);//同样,通过在
var progressbar=$(this).find('progress');//查找当前tr中的所有进度元素。 forEach((val,index)=>{//遍历vals数组 $(progressBars[index]).val(parseInt(val));//使用index为正确的progressBar设置val $(progressbar[index]).prop('max',parseInt(maxVals[index])); }) });

30
4.
20
20 6
5

非常感谢,这就是我想要的。对不起。当我添加另一个数字时出现问题。并添加一个新的进度标记。3而不是2。我的代码不起作用,谢谢。没关系