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

问题描述：

我正在javascript.i中使用工具提示有一个HTML模板。该模板应位于工具提示中。对于用户参考，我在该模板上有一个静态文本。该文本可能在div或跨度或表格，任何东西.. 在javascript或jquery中，我需要获取该文本并使用当前工具提示值进行回报。下面是我的代码..如何通过遍历从html元素获取某些文本？

<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>

这是我需要更改文本＃＃的ToolTipText与使用JavaScript或jQuery的一些价值

'的.text（）'是它可能是在跨度或表，你找什么 – 2014-11-21 12:16:41

答

您可以使用:contains：

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

使用＃'tooltipText＃'

http://jsfiddle.net/kxw1j2nj/

但我认为这是矫枉过正，你可以简单地替换整个模板中的 '＃的ToolTipText＃'：

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

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

感谢吨pawel – Srinivasan 2014-11-21 12:34:32

答

你可以这样做：

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

..但是你的建议是只找到它的标签。 – Srinivasan 2014-11-21 12:29:16

然后找到你想要的。 – 2014-11-21 12:32:23

这是最终用户的建议..他们可能会把该文本分格或跨度或表.. – Srinivasan 2014-11-21 12:36:43

答

使用:contains()

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

演示：

http://jsfiddle.net/bj10m6tL/

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

相关推荐