Javascript 如何通过遍历从html元素中获取特定文本?
我正在用javascript编写工具提示。我有一个HTML模板。该模板应位于工具提示中。作为用户参考,我在该模板上有一个静态文本。该文本可以是div、span或table格式,也可以是任何格式。。 在javascript或jquery中,我需要获取该文本并用当前工具提示值进行回复。 下面是我的代码Javascript 如何通过遍历从html元素中获取特定文本?,javascript,jquery,html,Javascript,Jquery,Html,我正在用javascript编写工具提示。我有一个HTML模板。该模板应位于工具提示中。作为用户参考,我在该模板上有一个静态文本。该文本可以是div、span或table格式,也可以是任何格式。。 在javascript或jquery中,我需要获取该文本并用当前工具提示值进行回复。 下面是我的代码 <div id="Template" style="display: none;"> <div id="icon"> <table>...&
<div id="Template" style="display: none;">
<div id="icon">
<table>...</table>
</div>
<div id="value">
<div>
<label> #tooltipText#</label>
</div>
</div>
</div>
<script>
var k=$('#Template');
if(template.childnodes. haveText(#tooltipText#)){
need to replace the text with some value like 'Antartica'.
}
</script>
也就是说,我需要使用JavaScript或jQuery将文本tooltipText更改为一些值。您可以这样做:
$('#value').find('label').text('Antartica');
您可以使用:contains获得包含“tooltipText”的元素: 但我认为这是一种过分的做法,您可以简单地在整个模板中替换“tooltipText”:
k.html( k.html().replace('#tooltipText#', 'Antarctica'));
使用
演示:
.文本是您要查找的内容它可能在span或表格中。。但是你的建议只是在标签上找到它,然后找到你想要的。
k.html( k.html().replace('#tooltipText#', 'Antarctica'));
$('#value').find("label:contains('tooltipText')").text("Antartica");