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

邪馬台国の謎と弥生時代

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

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

html源代码例如以下

<h1>邪馬台国の謎と弥生時代</h1>

<p>紀元前１０００年ごろ、<i>水稲工作</i>の技術をもつ集団が大挙して日本に移住してきた。

これによって弥生時代が始まった。</p>

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

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

1 使用find方法

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

2 使用两个參数jQuery函数

$('i', 'p')

3 使用一个參数jQuery函数

$('p i')

使用方法举例

<!DOCTYPE html>

<html>

<head>

	<meta charset="UTF-8">

</head>

<body>

<h1>邪馬台国の謎と弥生時代</h1>

<p>紀元前１０００年ごろ、<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>

jQuery -&gt; 获取后代元素的三种方法的更多相关文章

  1. javascript 获取html元素的三种方法

    操作HTML元素 你首先找到该元素. 三种方法来做这件事: 通过id找到HTML元素 通过标签名找到HTML元素 通过类名找到HTML元素 通过id查找HTML元素 在DOM中查找HTML元素的最简单 ...

  2. 解析Jquery取得iframe中元素的几种方法

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下   DOM方法:父窗口操作IFRAME:window.frames[&q ...

  3. Java中获取键盘输入值的三种方法

    Java中获取键盘输入值的三种方法     Java程序开发过程中,需要从键盘获取输入值是常有的事,但Java它偏偏就没有像c语言给我们提供的scanf(),C++给我们提供的cin()获取键盘输入值 ...

  4. Jquery取得iframe中元素的几种方法（转载）

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames["iframeSon ...

  5. js 跨域 Jquery取得iframe中元素的几种方法

    http://www.jb51.net/article/34942.htm 收集利用Jquery取得iframe中元素的几种方法 : 父页面访问子页面 $(document.getElementByI ...

  6. (一)JQuery动态加载js的三种方法

    Jquery动态加载js的三种方法如下: 第一种: $.getscript("test.js"); 例如: <script type="text/javascrip ...

  7. [浪风转载]Jquery取得iframe中元素的几种方法

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames["iframeSon ...

  8. Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

    query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的 ...

  9. CSS围住浮动元素的三种方法

    浮动元素脱离了文档流,其父元素看不到它了,因而不会包围它.浮动会“扩散”到下一个清除浮动的元素处.这会引起不想要的页面布局效果. 清除浮动的方法有三种: 1.父元素overflow:hidden 2. ...

随机推荐

  1. Loadrunner中web脚本转成JavaVuser脚本

    先用web方式录制好脚本,进行参数化,关联验证等操作,之后执行以下步骤: 1)将要转换的web脚本复制出来并保存到web.txt中2)参数界定符部分需要由{}手动修改成<>,包括参数化的和 ...

  2. appium之android_uiautomator定位进阶版

    前言 上一篇介绍uiautomator的定位方式都是类似这种'new UiSelector().xxx("xxx")',看起非常长,我也记不住,这很不python.于是本篇优化了定 ...

  3. C语言的那些秘密之---函数返回局部变量[转]

    来源:http://blog.csdn.net/haiwil/article/details/6691854/ 一般的来说,函数是可以返回局部变量的. 局部变量的作用域只在函数内部,在函数返回后,局部 ...

  4. 04-offsetLeft和style.left的区别

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  5. TheBrain8破解方式

    破解文件下载地址:http://rghost.net/51736270 mac破解方式: 我用的MAC 装的8007版本的,今天竟然提示要升级专业版本了.补救方法是,先打开TB,把之前手贱输入的云服务 ...

  6. 【Luogu】P2258子矩阵（状态压缩，DP）

    233今天蒟蒻我连文化课都没听光想着这个了 然后我调了一下午终于过了!!! 一看数据范围似乎是状压,然而216等于65536.开一个65536*65536的二维数组似乎不太现实. 所以Rqy在四月还是 ...

  7. BZOJ 1875 [SDOI2009]HH去散步 ——动态规划 矩阵乘法

    发现t非常大,所以大概就是快速幂一类的问题了, 然后根据k^3logn算了算,发现k大约是边数的时候复杂度比较合适. 发现比较麻烦的就是前驱的记录,所以直接把边看做点,不能走反向边,但是可以走重边,然 ...

  8. TeraTerm下载

    参考:http://blog.csdn.net/gxp/article/details/9169319 官方主页: http://ttssh2.sourceforge.jp/ 官方下载: http:/ ...

  9. 常州模拟赛d3t1 神在夏至祭降下了神谕

    题目描述 我们村子在过去的400年中,断绝与下界的接触,过着自给自足的生活. 夏至祭是一场迎接祖灵于夏季归来,同时祈求丰收的庆典. 村里的男人会在广场上演出夏之军和冬之军的战争.夏之军会打倒冬之军的大 ...

  10. angular父子scope之间的访问

    1.子可以访问父的scope,也可以更新相同的scope,但父scope不会被刷新 2.父要访问子scope的方法