如何通过遍历从html元素中获取某些文本?

时间:2014-11-21 12:13:50

标签: javascript jquery html

我正在使用javascript.i中的工具提示有一个HTML模板。该模板应该在工具提示中。对于用户参考,我在该模板上有一个静态文本。该文本可能在div或span或table,any .. 在javascript或jquery中,我需要获取该文本并使用当前工具提示值进行重复。 下面是我的代码..

<div id="Template" style="display: none;">
    <div id="icon">
        <table>...</table>
    </div>
    <div id="value">
        <div>
            <label>&nbsp;#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#

3 个答案:

答案 0 :(得分:0)

你可以这样做:

$('#value').find('label').text('Antartica');

答案 1 :(得分:0)

你可以获得加入的元素&#39; #tooltipText#&#39;使用:contains

var placeholderParent = k.find(':contains(#tooltipText#)').last();
placeholderParent.html( placeholderParent.html().replace('#tooltipText#', 'Antarctica'));

http://jsfiddle.net/kxw1j2nj/

但是我觉得它太过分了,你可以简单地替换#to; #totitipText#&#39;在整个模板中:

k.html( k.html().replace('#tooltipText#', 'Antarctica'));

http://jsfiddle.net/kxw1j2nj/1/

答案 2 :(得分:0)

使用:contains()

$('#value').find("label:contains('tooltipText')").text("Antartica");

演示:

http://jsfiddle.net/bj10m6tL/