Javascript 从html文件中提取文本

Javascript 从html文件中提取文本,javascript,jquery,Javascript,Jquery,我正在尝试使用Javascript和jQuery从html文件中获取包含文本的节点。 如果我有一个节点像 ` ` 但它并没有得到所需的结果。。它在第一个元素中完成所有解析,并完全更改html。我不知道您到底想解决什么问题,但也许您可以更具体地使用选择器 $("div span").text(); // returns 'txt1' $("div").text(); // returns 'txt0txt1txt2' 通过向html中添加ID和/或类,您可以做到非常具体: <di

我正在尝试使用Javascript和jQuery从html文件中获取包含文本的节点。 如果我有一个节点像 `

`


但它并没有得到所需的结果。。它在第一个元素中完成所有解析,并完全更改html。

我不知道您到底想解决什么问题,但也许您可以更具体地使用选择器

$("div span").text(); // returns 'txt1'
$("div").text();      // returns 'txt0txt1txt2'
通过向html中添加ID和/或类,您可以做到非常具体:

<div class="name">Aidan <span class="middlename">Geoffrey</span> Fraser</div>
JQuery有很多这样的选择器


如果没有帮助,考虑一下你要解决的问题。

你的标记结构有点不安。考虑改变这样的事情< /P>

   <div>
     <span>txt0</span>
     <span>txt1</span>
     <span>txt2</span>
   </div>

txt0
txt1
txt2
然后使用jQuery

$("div span").each(function(k,v) {
   $(this).html("<img src=\""+v+".jpg\" />"); //replace with the image
});
$(“div span”)。每个函数(k,v){
$(this.html(“”;//替换为图像
});

是否要选择所有包含文本的元素?操作后,
txt0txt1txt2
会更改为什么?@lix是的,@JuanMendes:我会在找到它们时更改它们
// returns all spans with class
// "middlename" inside divs with class "name"
$("div.name span.middlename").text(); 

// returns the first span with class
// "middlename" inside the fourth div 
// with class "name"
$("div.name[3] span.middlename[0]").text(); 
   <div>
     <span>txt0</span>
     <span>txt1</span>
     <span>txt2</span>
   </div>
$("div span").each(function(k,v) {
   $(this).html("<img src=\""+v+".jpg\" />"); //replace with the image
});