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