jQuery -> 獲取後代元素的三種方法
阿新 • • 發佈:2019-01-02
如果我們有內容如下的html檔案,那麼如何選取包含在<p>元素內的<i>元素呢?
邪馬臺國の謎と彌生時代
紀元前1000年ごろ、水稲工作の技術をもつ集団が大挙して日本に移住してきた。これによって彌生時代が始まった。
縄文人も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。しかし、北九州に新たな文化を持って集団が來たのを知った彼らは次第に、水稲工作を受け入れ彌生人へとか分かっていた。
html原始碼如下
<h1>邪馬臺國の謎と彌生時代</h1> <p>紀元前1000年ごろ、<i>水稲工作</i>の技術をもつ集団が大挙して日本に移住してきた。これによって彌生時代が始まった。</p> <p><i>縄文人</i>も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。しかし、北九州に新たな文化を持って集団が來たのを知った彼らは次第に、水稲工作を受け入れ彌生人へとか分かっていた。</p>
1 使用find方法
$('p').find('i')
$('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>