<div class="books">
<img src="img/数值分析.png"/>
<div class="name-price">
<span>书名:<b>数值分析</b></span><br/>
<span>价格:<b>30RMB</b></span>
</div>
</div>
比如说这个例子,想在jQuery中获取“数值分析”,该怎么弄?
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('body').append($('.name-price span').eq(0).find('b').text());。
3、浏览器运行index.html页面,此时通过jQuery取到了书名“数值分析”并打印了出来。
在JS当中获取HTML当中任意一个标签的值的方法:
1 通过id等属性,获取相应标签
2 innerHTML属性的使用
<!doctype html>显示效果:
这样就可以获取<b>标签内的内容了,但是比较繁琐,你最好是直接在b标签上加个class或者id,就比较容易了直接写$("class或id").html();就可以了。
本回答被提问者采纳在一个html页面生成的时候,js就已经把dom树创建好了
只要这棵树上有的数据,我们都可以通过js来获取使用
那么这个问题就变成js如何去查询dom树的节点了
js内置了以下几个查询节点的方法
document.getElementById("id") //通过id来获取一个dom元素如果要查找的元素本身有id,通过第一个方法可以直接获取,当我们得到了这个dom节点的时候就可以输出他的一系列数据了
举个栗子
var dom = document.getElementById("id");当dom没有id的时候,我们就要依靠一些条件去找到我们想要的dom了
//寻找所有class为bold的div