使用jquery的siblings擷取某一個元素的所有同輩(兄弟姐妹)元素

標籤：siblings   jquery選中同級元素   

siblings()屬於jquery篩選類的API，用來尋找某個元素的所有同輩元素(所有兄弟姐妹)。

<div id="contentHolder"><input type="button" value="1" id="button1"></input><input type="button" value="2" id="button2"></input><input type="button" value="3" id="button3"></input></div>

假如需要實現如下功能：點擊某個按鈕的時候，該按鈕背景色變成#88b828，其他按鈕背景色變成#15b494。這個時候，siblings這個API很有用，也很簡單。

$(function(){$("#contentHolder input[type='button']").click(function(){$(this).css("background","#88b828");$(this).siblings().css("background","#15b494");});})

 

使用jquery的siblings擷取某一個元素的所有同輩(兄弟姐妹)元素