使用jquery的siblings來取得某一個元素的所有同儕(兄弟姊妹)元素

siblings()屬於jquery篩選類別的API，用來找出某個元素的所有同儕元素(所有兄弟姊妹)。

<p 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>
</p>

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

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

 

#

以上是使用jquery的siblings來取得某一個元素的所有同儕(兄弟姊妹)元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！