JQuery 筛选元素traversing 的基础爬树技巧及演练教学-马克熊

traversing又称做爬树，因为在jquery中，常常使用的时机是：我们不知道使用者会点哪一个列表，所以无法在程式预设好，我们只能藉由设定使用者点击的列表（也可以是其他东西拉），再去找到我们要的东西。

就像是，要爬树的时候，我们要爬「有种苹果」的树，去摘苹果。但是我们苹果才刚开始长，在很上面，而我们爬树又只能从下面开始爬，所以我们必须先：选一棵树来爬，再看看那棵树有没有苹果，再接续之後的动作。这就是treversing的用意。

jquery travering 实际例子  演练教学

ex:我们要找使用者按的<li>的<div>是不是class=”a”,但我们不能直接设定$(‘a’)，因为这样是直接选取「有class=”a”的div」，但我们要选取的是「使用者点击的<li>有class=”a”的，关键在於「使用者的『操作』只能点击li，不能点击div，这时候我们就要这样写：$(‘li’).click(e){function(e)

$(this).closest(‘.a’)}

1. find（名字css）
2. children（可当filter）
3. parent（   ）
4. closest（离最近的某物）
5. siblings（  ）兄弟姊妹
6. first（  ）
7. last（  ）
8. eq（  ）顺序0-9

6-8通常皆在上面的之後

Remix:$('#content').find('.work').first().siblings(h1)