Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 使用jquery将html作为字符串进行操作并更新span内容_Javascript_Jquery - Fatal编程技术网

Javascript 使用jquery将html作为字符串进行操作并更新span内容

Javascript 使用jquery将html作为字符串进行操作并更新span内容,javascript,jquery,Javascript,Jquery,我想使用jquery更新html字符串中的内容: var html = '<span class="spent_time">2.5 h</span><span class="planned_time">1.3 h</span>' ; 及 显然,它不起作用。我错过了什么 字符串需要父容器才能使用find 如果您计划插入新的HTML,请在以下时间后更新: var html='2.5h1.3h'; $(“#d1”).html(html);//插入它以

我想使用jquery更新html字符串中的内容:

var html = '<span class="spent_time">2.5 h</span><span class="planned_time">1.3 h</span>' ;


显然,它不起作用。我错过了什么

字符串需要父容器才能使用find

如果您计划插入新的HTML,请在以下时间后更新:

var html='2.5h1.3h';
$(“#d1”).html(html);//插入它以显示它
$('.planned_time').html('3h');//现在更新span
span{边框:1px纯黑色;填充:5px}

您的字符串需要父容器才能使用find

如果您计划插入新的HTML,请在以下时间后更新:

var html='2.5h1.3h';
$(“#d1”).html(html);//插入它以显示它
$('.planned_time').html('3h');//现在更新span
span{边框:1px纯黑色;填充:5px}

这是错误的

$html = $(html);
首先,您需要从字符串中创建和分析html元素:

var html = $.parseHTML( str );
然后,将新的html附加到文档中,假设您有一些id为
#container
div
容器:

var $container = $( "#container" );
$container.append( html );
您可以阅读有关解析html的更多信息,这是错误的

$html = $(html);
首先,您需要从字符串中创建和分析html元素:

var html = $.parseHTML( str );
然后,将新的html附加到文档中,假设您有一些id为
#container
div
容器:

var $container = $( "#container" );
$container.append( html );
您可以阅读有关解析html的更多信息

使用
.filter()
而不是
.find()
.find()
遍历父元素的子节点-
。计划时间
不是HTML字符串中的子节点

var html='2.5h1.3h';
var content=$(html);
content.filter(“.planned_time”).html(“3小时”);
log($(content.filter(“.planned_time”).html());
//使用'content'变量进行操作
$(“正文”)。附加(内容)

使用
.filter()
而不是
.find()
.find()
遍历父元素的子节点-
。计划时间
不是HTML字符串中的子节点

var html='2.5h1.3h';
var content=$(html);
content.filter(“.planned_time”).html(“3小时”);
log($(content.filter(“.planned_time”).html());
//使用'content'变量进行操作
$(“正文”)。附加(内容)



什么是
$html
$(html)
对于这件事?Vars-他定义了缺少var只是一个输入错误。不是pb在这里$html=“x”将在全局范围内创建变量-
窗口[“$html”]
预期结果是什么?两个
跨越
,花费的时间是
2.5小时
,计划的时间是
3小时
,而不是
1.3小时
?就这一点而言,
$html
$(html)
是什么?Vars-他定义的缺失的var只是一个输入错误。不是pb在这里$html=“x”将在全局范围内创建变量-
窗口[“$html”]
预期结果是什么?两个
跨越
,花费的时间为
2.5小时
,计划的时间为
3小时
,而不是
1.3小时
?@mplungjan,因为
。计划的时间
不是HTML字符串中的子节点,
.innerHTML
在哪里
在应答时设置?@mplungjan,因为
.planned_time
不是HTML字符串中的子节点,
.innerHTML
在应答时设置。planned_time“
需要在某处插入HTML字符串”HTML不需要作为现有或动态元素的HTML插入;需要选择适当的jQuery方法used@guest271314这很有趣。我总是包装以创建jquery容器。我没有注意到过滤器before@mplungian
.filter()
遍历jQuery对象中的所有元素,
.find()
只遍历jQuery对象的子节点“您需要在某处插入html字符串”html不需要作为现有或动态元素的html插入;需要选择适当的jQuery方法used@guest271314这很有趣。我总是包装以创建jquery容器。我没有注意到过滤器before@mplungian
.filter()
遍历jQuery对象中的所有元素,
.find()
只遍历jQuery的子节点object@mplungjan实际上,
$.parseHTML()
也不是必需的,请参阅更新的帖子谢谢你的过滤技巧。比使用假人要好得多wrapper@mplungjan实际上,
$.parseHTML()
也不是必需的,请参阅更新的帖子谢谢你的过滤技巧。比使用虚拟包装器要好得多