---
# System prepended metadata

title: 代碼測試器
tags: [jQuery, JavaScript]

---

# 代碼測試器

###### tags: `jQuery` `JavaScript`
---


### jQuery function
#### nextAll()

<span class="code1">nextAll()</span>查詢當前元素之後所有的同級元素。

可參考:[深入學習jquery原始碼之next()和nextAll()與nextUntil()](https://www.itread01.com/content/1546218841.html)

<span class="code1">`$(this).nextAll(".tab").css("margin-left", "-170px")`</span>
#### next()
<span class="code1">next()</span>只返回後面那個緊鄰的同級元素

#### nextUntil()
<span class="code1">nextUntil()</span>查詢當前元素之後所有的同級元素，直到遇到匹配的那個元素為止。
包含了所有找到的同級元素，但不包括匹配到的該元素。

如果沒有匹配到，或者沒有提供引數，那麼在後面的所有同級元素都會被選中。跟用<span class="code1">nextAll()</span>效果一樣。
:::warning
nextUntil()很像相親了好多對象，終於找到真命天子卻發現不是對的人，前面相親的對象才是要找的~XD
:::


---


#### prevAll()

查詢當前元素之前所有的同級元素。

---
<style>
h2 {
    color: #2383B8;
}
h3 {
    color: #1AA340;
}
h4 {
    color: white;
    background-color: #2383B8;
    padding:8px;
}

.code1 {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    font-family:'Fira Code';
}
.code {
    padding: 2px 4px;
    font-size: 90%;
    font-family:'Fira Code';
}
</style>