zoukankan      html  css  js  c++  java
  • jQuery -> 获取后代元素的三种方法

    假设我们有内容例如以下的html文件,那么怎样选取包括在<p>元素内的<i>元素呢?


    邪馬台国の謎と弥生時代

    紀元前1000年ごろ、水稲工作の技術をもつ集団が大挙して日本に移住してきた。これによって弥生時代が始まった。

    縄文人も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。しかし、北九州に新たな文化を持って集団が来たのを知った彼らは次第に、水稲工作を受け入れ弥生人へとか分かっていた。


    html源代码例如以下

    <h1>邪馬台国の謎と弥生時代</h1>
    <p>紀元前1000年ごろ、<i>水稲工作</i>の技術をもつ集団が大挙して日本に移住してきた。

    これによって弥生時代が始まった。</p> <p><i>縄文人</i>も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。

    しかし、北九州に新たな文化を持って集団が来たのを知った彼らは次第に、水稲工作を受け入れ弥生人へとか分かっていた。</p>


    1 使用find方法

    $('p').find('i')

    使用两个參数jQuery函数

    $('i', 'p')

    3 使用一个參数jQuery函数

    $('p i')

    使用方法举例

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    </head>
    <body>
    <h1>邪馬台国の謎と弥生時代</h1>
    <p>紀元前1000年ごろ、<i>水稲工作</i>の技術をもつ集団が大挙して日本に移住してきた。これによって弥生時代が始まった。</p>
    <p><i>縄文人</i>も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。しかし、北九州に新たな文化を持って集団が来たのを知った彼らは次第に、水稲工作を受け入れ弥生人へとか分かっていた。

    </p> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> alert('There are ' + $('p').find('i').length + ' italic words'); alert('There are ' + $('i', 'p').length + ' italic words'); alert('There are ' + $('p i').length + ' italic words'); </script> </body> </html>



  • 相关阅读:
    【Ruby on Rails 学习五】Ruby语言的方法
    【Ruby on Rails 学习六】Ruby 类 的入门
    【Ruby on Rails 学习三】Ruby 基本数据类型(类、类的实例、对象)
    【深度学习笔记】第 1 课:从机器学习到深度学习
    【Ruby on Rails学习二】在线学习资料的整理
    【Ruby on Rails 学习一】ubuntu14.04配置rvm与ruby
    THREE.JS + Blender(obj、mtl加载代码)
    全站查询和分页显示——在线留言板2
    增加留言版块——在线留言板1
    html加载速度技术点
  • 原文地址:https://www.cnblogs.com/gccbuaa/p/6809844.html
Copyright © 2011-2022 走看看