
306 第八章
請傳遞資料
剖析 XML 資料
我們需要 一 個 方 法,從我們的 XML 檔案中挑出每個跑者並且 在 畫 面 上展示它。幸運
的 是,jQuery 提 供 find 方 法, 用 來 找 出 符 合我 們所 指定 之任 何 標 準 的 元 素。find 讓
我們 在 一 組階層 結 構資訊(如 DOM 樹 狀 結 構或 XML 文 件)裡 搜 尋 元素及 其 子孫元
素,並且利用 符合的元素建構出新的 陣列。find 與 children 方法類似(我們在第 4 章
為 Webville Eatery 建立菜單時看過 children 方法),除了後者只能夠沿著 DOM 樹狀
結構向下深入一層之外。另外,我們可能還需要更進一步…
透過結合find方法與
each 方法,我們能夠搜
尋一組元素,並且利用迴
圈個別地與每一個互動。
你能夠想到我們需要跟
XML
文件的哪個片段互動,
以便將個別的跑者展示在畫面上?
$("li").find("ul").css('background-color', 'blue');
這可以是任何選擇器。
這可以是任何其他 jQuery 方法,
像是事件、文字或樣式的操控器。
這可以是任何選擇器,或者
jQuery 元素的群集或群組。
li
li
li
li
li
li
li
li
li
li
li
ul
ul
ul
ul
$(“li”).find(“ul”)
這會找出被包含在任何 li 元素裡的
所有 ul 元素,並且將它們的背景顏
色設成藍色。
li
li
ul
li