jquery如何提取某标签下所有内容

在jquery中,通过获得指定标签对象,使用html()方法便可以获得标签内的所有内容 。 下面小编举例讲解jquery如何提取某标签下所有内容 。

jquery如何提取某标签下所有内容

文章插图

需要这些哦
html+jquery
代码编纂器:Z Studio 8.0.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何提取某标签下所有内容 。
jquery如何提取某标签下所有内容

文章插图

2在test.html文件内,在div标签内,利用p标签,span标签建立测试的内容 。
jquery如何提取某标签下所有内容

文章插图

3在test.html文件内,设置div标签的id为mydiv,本家儿要用于下面经由过程该id获得div标签对象 。
jquery如何提取某标签下所有内容

文章插图

4在test.html文件内,利用button标签建立一个按钮,按钮名称为“提取标签内容” 。
jquery如何提取某标签下所有内容

文章插图

5在test.html文件内,给button按钮绑定onclick点击事务,当按钮被点击时,执行getdiv函数 。
jquery如何提取某标签下所有内容

文章插图

6【jquery如何提取某标签下所有内容】在js标签中,建立getdiv()函数,在函数内,经由过程id(mydiv)获得div对象,利用html()方式获得它里面的所有内容,并利用alert()方式将内容输出 。
jquery如何提取某标签下所有内容

文章插图

7在浏览器打开test.html文件,点击按钮,查看成果 。
jquery如何提取某标签下所有内容

文章插图

总结:11、建立一个test.html文件 。
2、在文件内,在div标签内,利用p标签,span标签建立测试的内容,同时建立一个button按钮,用于触发执行js函数 。
3、在js标签内,建立函数,在函数内,经由过程id(mydiv)获得div对象,利用html()方式获得它里面的所有内容,并利用alert()方式将内容输出 。

注重事项html()方式不仅会提取文本内容,html代码也会一路提掏出来 。

以上内容就是jquery如何提取某标签下所有内容的内容啦,希望对你有所帮助哦!

    推荐阅读