Phương thức siblings
Phương thức siblings tìm tất cả
các phần tử cùng cấp bên trong một phần tử cha.
Cú pháp
Lấy các phần tử cùng cấp:
.siblings();
Cũng có thể lọc các phần tử cùng cấp theo bộ chọn đã cho (trong tập kết quả chỉ giữ lại những phần tử cùng cấp thỏa mãn bộ chọn này):
.siblings(bộ chọn);
Ví dụ
Hãy tìm phần tử #test và đặt văn bản '!' cho tất cả
các phần tử cùng cấp của nó bằng phương thức
html:
<p>bên ngoài</p>
<div>
<p>bên trong</p>
<p>bên trong</p>
<p id="test">bên trong</p>
<p>bên trong</p>
<p>bên trong</p>
</div>
<p>bên ngoài</p>
$('#test').siblings().html('!');
Mã HTML sẽ trở thành như thế này:
<p>bên ngoài</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">bên trong</p>
<p>!</p>
<p>!</p>
</div>
<p>bên ngoài</p>
Ví dụ
Hãy tìm phần tử #test và đặt
văn bản '!' cho tất cả
các phần tử cùng cấp của nó có lớp www
bằng phương thức
html:
<p>bên ngoài</p>
<div>
<p>bên trong</p>
<p class="www">bên trong</p>
<p>bên trong</p>
<p id="test">bên trong</p>
<p>bên trong</p>
<p class="www">bên trong</p>
<p>bên trong</p>
</div>
<p>bên ngoài</p>
$('#test').siblings('.www').html('!');
Mã HTML sẽ trở thành như thế này:
<p>bên ngoài</p>
<div>
<p>bên trong</p>
<p class="www">!</p>
<p>bên trong</p>
<p id="test">bên trong</p>
<p>bên trong</p>
<p class="www">!</p>
<p>bên trong</p>
</div>
<p>bên ngoài</p>
