首頁 > web前端 > js教程 > 使用jquery的siblings來取得某一個元素的所有同儕(兄弟姊妹)元素

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

巴扎黑
發布: 2017-06-24 10:20:29
原創
1862 人瀏覽過

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=&#39;button&#39;]").click(function(){
		$(this).css("background","#88b828");
		$(this).siblings().css("background","#15b494");
	});
	
})
登入後複製


 

#

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

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
git - 安裝postcss插件cssgrace出現問題
來自於 1970-01-01 08:00:00
0
0
0
javascript - angularJs裡點選新增刪除類
來自於 1970-01-01 08:00:00
0
0
0
java - springboot新手學習
來自於 1970-01-01 08:00:00
0
0
0
spring - JavaWeb中 Service 層的事務問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板