jQuery 찾기메소드(silblings-end)

 

 

---

 

 

 

 

---

 

 

 

 

---

$('div').eq(1).css('border', '10px inset green').siblings().css('border', '7px solid navy').end().next().text('third')

.end().nextAll().css('background', '#A9F5F2').end().prev().css('background', '#F5DA81');

 

next() --> 바로 다음 형제

nextAll() --> 뒤의 모든 형제들

prev() --> 앞의 형제

 

* 중간에 선택되어지고 end()를 하면 마지막으로 선택된 곳부터 실행된다.

- end()로 현재 선택되어진 부분을 끝내고 그전에 선택되어진 곳에서부터 실행되게 한다.

 

 

$('div').eq(1).css('border', '10px inset green').siblings().css('border','7px solid navy') 

// eq(1)번째는 녹색, eq(1)을제외한 나머진 테두리 빨간색
.end().next().text('third').end().nextAll().css('background', '#A9F5F2') 

// 중간에 end()를 써서 선택되어진 것을 끝내고 처음 기준을 잡아서 실행해야 한다.
.end().prev().css('background', '#F5DA81'); 

// 다시 end()로 선택되어진 부분을 끝내고 처음기준으로 다음꺼 실행