使用JQuery在HTML中使用JavaScript值

使用JQuery在HTML中使用JavaScript值,javascript,jquery,html,Javascript,Jquery,Html,我在JavaScript中实现了这一点: $('#dash_adc_avg').html(adc_avg); 这在HTML中是: (第A部分) 能量监测器组件 这在HTML中是: (B部分,与A部分相同的文件) 状态词 -测试: 等等 不幸的是,var adc\u avg中的内容可视化仅适用于“A部分”。有人知道为什么吗 谢谢大家! 顺便说一句,这是独立的:我正在寻找一种在网站上可视化JSON数据(作为对象)的方法,而不改变它们。有什么想法吗?您正在使用重复id的dash\u adc\

我在JavaScript中实现了这一点:

$('#dash_adc_avg').html(adc_avg);
这在HTML中是: (第A部分)


能量监测器组件
这在HTML中是: (B部分,与A部分相同的文件)


状态词
-测试:
等等

不幸的是,
var adc\u avg
中的内容可视化仅适用于“A部分”。有人知道为什么吗

谢谢大家!


顺便说一句,这是独立的:我正在寻找一种在网站上可视化JSON数据(作为对象)的方法,而不改变它们。有什么想法吗?

您正在使用重复id的
dash\u adc\u avg
,它是无效的HTML,而不是id的use类,并修改Jquery选择器,如图所示:-

$('.dash_adc_avg').html(adc_avg);

您正在使用重复id的
dash\u adc\u avg
,它是无效的HTML,而不是id的use类,并修改Jquery选择器,如图所示:-

$('.dash_adc_avg').html(adc_avg);

您正在使用重复id的
dash\u adc\u avg
,它是无效的HTML,而不是id的use类,并修改Jquery选择器,如图所示:-

$('.dash_adc_avg').html(adc_avg);

您正在使用重复id的
dash\u adc\u avg
,它是无效的HTML,而不是id的use类,并修改Jquery选择器,如图所示:-

$('.dash_adc_avg').html(adc_avg);
从HTML规范的第页:

id属性指定其元素的唯一标识符(id)

该值必须在元素的主子树中的所有ID中唯一,并且必须至少包含一个字符。该值不能包含任何空格字符

ID在HTML中必须是唯一的。因此,JavaScript只查找ID的一个实例,然后停止搜索。在您的情况下,所提取的ID是A部分中的ID-您的代码永远不会费心去看得更远

将“dash_adc_avg”ID改为类:

<!-- Part A -->
<div class="big-text dash_adc_avg"></div>

<!-- Part B -->
- Test: <div class="text dash_adc_avg"></div><br>

我不想回答你问题的第二部分,这是关于可视化JSON数据的,因为它与问题的主要部分完全无关,是完全独立的。请将此作为另一个问题提问。

来自HTML规范的第页:

id属性指定其元素的唯一标识符(id)

该值必须在元素的主子树中的所有ID中唯一,并且必须至少包含一个字符。该值不能包含任何空格字符

ID在HTML中必须是唯一的。因此,JavaScript只查找ID的一个实例,然后停止搜索。在您的情况下,所提取的ID是A部分中的ID-您的代码永远不会费心去看得更远

将“dash_adc_avg”ID改为类:

<!-- Part A -->
<div class="big-text dash_adc_avg"></div>

<!-- Part B -->
- Test: <div class="text dash_adc_avg"></div><br>

我不想回答你问题的第二部分,这是关于可视化JSON数据的,因为它与问题的主要部分完全无关,是完全独立的。请将此作为另一个问题提问。

来自HTML规范的第页:

id属性指定其元素的唯一标识符(id)

该值必须在元素的主子树中的所有ID中唯一,并且必须至少包含一个字符。该值不能包含任何空格字符

ID在HTML中必须是唯一的。因此,JavaScript只查找ID的一个实例,然后停止搜索。在您的情况下,所提取的ID是A部分中的ID-您的代码永远不会费心去看得更远

将“dash_adc_avg”ID改为类:

<!-- Part A -->
<div class="big-text dash_adc_avg"></div>

<!-- Part B -->
- Test: <div class="text dash_adc_avg"></div><br>

我不想回答你问题的第二部分,这是关于可视化JSON数据的,因为它与问题的主要部分完全无关,是完全独立的。请将此作为另一个问题提问。

来自HTML规范的第页:

id属性指定其元素的唯一标识符(id)

该值必须在元素的主子树中的所有ID中唯一,并且必须至少包含一个字符。该值不能包含任何空格字符

ID在HTML中必须是唯一的。因此,JavaScript只查找ID的一个实例,然后停止搜索。在您的情况下,所提取的ID是A部分中的ID-您的代码永远不会费心去看得更远

将“dash_adc_avg”ID改为类:

<!-- Part A -->
<div class="big-text dash_adc_avg"></div>

<!-- Part B -->
- Test: <div class="text dash_adc_avg"></div><br>


我不想回答你问题的第二部分,这是关于可视化JSON数据的,因为它与问题的主要部分完全无关,是完全独立的。请将此作为另一个问题提问。

当您在html的同一页面上多次使用同一名称时,应使用class:

$('.dash_adc_avg').html(adc_avg);

在html的同一页面上多次使用相同名称时,应使用类:

$('.dash_adc_avg').html(adc_avg);

在html的同一页面上多次使用相同名称时,应使用类:

$('.dash_adc_avg').html(adc_avg);

在html的同一页面上多次使用相同名称时,应使用类:

$('.dash_adc_avg').html(adc_avg);

标识在页面中必须是唯一的

仍然可以使用
id
属性来查找元素,但是您必须将其用作属性,而不是标识:

$('[id=dash_adc_avg]').html(adc_avg);

通常,当您想将一个类放在多个元素上时,会使用它。保留dupliate
id
属性没有任何好处,因为它们不作为标识使用。

标识在页面中必须是唯一的

仍然可以使用
id
属性来查找元素,但是您必须