Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.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与两个相同类的两个div一起使用_Javascript_Jquery_Html - Fatal编程技术网

将Javascript与两个相同类的两个div一起使用

将Javascript与两个相同类的两个div一起使用,javascript,jquery,html,Javascript,Jquery,Html,我现在有大麻烦了。在这里,我有两个表,有星期天和星期一的例行程序,我使用下面的代码根据当前时间突出显示任何行的背景。 它只高亮显示Sun的行而不是Mon,或者如果我在代码编辑器中在星期天之前pur Mon表,那么它只适用于星期一,而不高亮显示星期天的行 这里可能有什么问题??任何帮助都将不胜感激 这是我的代码的现场演示 函数openCity(evt,cityName,今日){ var i,tabcontent,tablinks; 塔布坎特= document.getElementsByCla

我现在有大麻烦了。在这里,我有两个表,有星期天和星期一的例行程序,我使用下面的代码根据当前时间突出显示任何行的背景。 它只高亮显示Sun的行而不是Mon,或者如果我在代码编辑器中在星期天之前pur Mon表,那么它只适用于星期一,而不高亮显示星期天的行

这里可能有什么问题??任何帮助都将不胜感激

这是我的代码的现场演示

函数openCity(evt,cityName,今日){
var i,tabcontent,tablinks;
塔布坎特=
document.getElementsByClassName(“tabcontent”);
对于(i=0;inow>=
货币(idx:acc)];
如果(选定)
document.getElementById(已选择).style.backgroundColor='red'
.tabcontent{display:none}

太阳
周一
班
时间
上午10:15-11:00
今天是星期天
上午11:00-11:45
今天是星期天
班
时间
上午10:15-11:00
今天是星期一
上午11:00-11:45
今天是星期一

您不应该对代码中的多个元素使用相同的id,在这种情况下,选择器将只返回第一个匹配的元素。改为使用类和
document.getElementsByCassName()
,它将返回元素列表,您必须迭代该列表并为每个元素设置样式,如下所示:

函数openCity(evt,cityName,今日){
var i,tabcontent,tablinks;
塔布坎特=
document.getElementsByClassName(“tabcontent”);
对于(i=0;inow>=
货币(idx:acc)];
如果(选定){
var elements=document.getElementsByClassName(选中);

对于(var i=0;我为您创建了一个代码段。请添加您有问题的脚本以创建一个是的,我忘记了,现在我已重新编辑了我的帖子,是的,我将查看您的代码段以重新修复您的代码段。有什么问题吗?是的,感谢您的努力。现在的问题是现在我所在国家的当前时间大约是凌晨1:27,所以它应该突出显示11-11:45行,它确实如此,但只突出显示Sun。不是星期一。我想用红色突出显示两个选项卡的行,但我不能这样做。是的,它现在可以工作了,我整天都在挠头。我如何更改突出显示行的字体颜色?我不能对hig的类列中的文本使用字幕样式吗高亮行?这会很酷,但还是要感谢您的解决方案。您可以使用element.style.color来更改字体颜色。我不能在高亮行中使用字幕效果吗?在表格的选定行中是否有任何解决方案?如果可以的话,这将非常适合我的项目。高亮行中的字幕效果是什么意思行?尝试在谷歌上搜索它,如果有任何疑问,请在这里发布问题。我的意思是说水平滚动效果,文本从右向左或从左向右移动,或者我们可以在左右之间反弹字母。这里有一些示例,但无法添加一个效果,虽然搜索了整个谷歌,但无法找到它是如何实现的在elment.style中应用类似效果