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>



  • 相关阅读:
    量化平台的发展转
    jmeter全面总结8jmeter实战
    月见笔谈【一】——关于悲剧
    为什么要不断接触和学习新技术之我见
    WPF后台动态调用样式文件
    WPF后台动态添加TabItem并设置样式
    SQL查询SQLSERVER数据库中的临时表结构脚本
    防抖功能的实现
    项目中自定义进度条的实现
    vue3 请求响应拦截
  • 原文地址:https://www.cnblogs.com/gccbuaa/p/6809844.html
Copyright © 2011-2022 走看看