1. 程式人生 > >jquery 選擇除自己外的其他同級元素

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()屬於jQuery篩選類的API,用來查詢某個元素的所有同輩元素(所有兄弟姐妹)。 <div id="contentHolder"> <input type="button" value="1" id="button1"><

jquery選擇器 之 獲取父級元素同級元素、子元素 (轉載)

content 異同 sele sel node pan query -a ofo 一、獲取父級元素 1、 parent([expr]): 獲取指定元素的所有父級元素 <div id="par_div"><a id="href_fir" href="#

jquery選擇器如何獲取父級元素同級元素、子元素 一、新建頁面

一、新建頁面   1 <ul> 2 <li>list item 1</li> 3 <li>list item 2</li> 4 <li class

jquery選擇器 之 獲取父級元素同級元素、子元素

一、獲取父級元素 1、 parent([expr]): 獲得當前匹配元素集合中每個元素的父元素,使用選擇器進行篩選是可選的。 <ul class="level-1"> <li class="item-i">I</li> <l

mysql 查找id其他重復的字段數據

one 我們 keyword pla 數據 plain image 多個 http 如表 test1 有多個重復的字段 其中有些數據完全重復是錯誤的數據,我們要把他找出來,然後刪除掉 select * from test1 a where (a.phone,a.name)

CAS overlay template 4.2.7 獲取使用者名稱其他資訊遇到的問題

CAS服務端配置了mysql 使用者名稱密碼驗證,去掉了https校驗。客戶端端通過配置web.xml相關filter。其中注意,我配置了Cas20ProxyReceivingTicketValidationFilter客戶端是通過cas-client-core-3.4.1.

陣列乘積--陣列中第i個的所有其他陣列元素的乘積

1 /* 2 * 一個長度為n的整數陣列result,滿足result[i]=除input[i]之外所有數的乘積(不溢位),比如 3 * 輸入input={2,3,4,5};輸出 result={60,40,30,24}; 4 */ 5 /* 6 * 方法一:判斷有0的情況,

jquery選擇器之元素選擇

com eight mooc name jquery選擇器 itl 選擇器 padding jquer <!DOCTYPE html><html> <head> <meta http-equiv="Content-type"

Jquery 父級元素同級元素、子元素

所有 close next() eva 第一個 上一個 tro find() 子元素 prev():獲取指定元素的上一個同級元素(是上一個哦)。 prevAll():獲取指定元素的前邊所有的同級元素。 find():查找子元素方式 next(): 獲取指定元素的下一個同級元

jQuery選擇器之表單元素選擇

padding ima col image char ref 選中 doc 技術分享 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" conte

jQuery父級以及同級元素查找的實例

next ren 會有 pan ngs 兄弟節點 nts find exp  父級以及同級元素的查找在使用過程中還是蠻頻繁的,下面為大家介紹下jQuery是如何實現的,感興趣的朋友可以參考下   jQuery.parent(expr) 找父親節點,可以傳入expr進行過濾,

原生js之同級元素添加移class

添加 elements nts -i fun 訂單 元素 set pos <div class="tp-bottom-content"> <div class="tp-nav"> <ul

jQuery獲取所有父級元素同級元素及子元素的方法

-m logs 當前 tor mar eval div 進行 nds jQuery獲取所有父級元素及同級元素及子元素的方法 1.獲取父級元素 $("#id").parent() 獲取其父級元素 $("#id").parents(

136 Single Number 數組中一個數其他數都出現兩次,找出只出現一次的數

時間 body 算法 一次 整數 除了 給定一個整數數組 pub leetcode 給定一個整數數組,除了某個元素外其余元素均出現兩次。請找出這個只出現一次的元素。備註:你的算法應該是一個線性時間復雜度。 你可以不用額外空間來實現它嗎? 詳見:https://leetcod

jQuery 選擇同時包含兩個class的元素的實現方法

nbsp ood rdquo 同時 spa pan 並集 div jquery Jquery選擇器 多個 class屬性參照以下案例 <element class="a b good list card"> 1. 交集選擇: $(".a.b"

jquery、綁定、觸發元素事件

如果 pan style 指定 得到 cli 運行 所有 comm unbind(type [,data]) //data是要移除的函數 $(‘#btn‘).unbind("click"); //移除click $(‘#btn‘).unbind(); //移除所有

js或jquery實現點選某個按鈕或元素顯示div,點選頁面其他任何地方隱藏div

點選某個元素顯示div,點選頁面其他任何地方隱藏div,可用javascript和jquery兩種方法實現: 一:javascript實現方法技巧 <script> //定義stopPropagation 方法的使用,該方法將停止事件的傳播,阻止它被分派到其他 Document 節點。

Jquery如何選取元素及其所有子元素jquery選擇器大全

$("#myELement") 選擇id值等於myElement的元素,id值不能重複在文件中只能有一個id值是myElement所以得到的是唯一的元素 $("div") 選擇所有的div標籤元素,返回div元素陣列 $(".myClass")

jquery選擇相鄰若干兄弟元素

實現點選是顯示錶格,再次點選隱藏類名father下的son.對相鄰的兄弟元素son沒有影響。 html程式碼: <tableclass="table"> <thead> <tr> <th>名稱</th> <t

jquery 選擇器(name,屬性,元素)大全

基本選擇器 1. id選擇器(指定id元素) 將id="one"的元素背景色設定為黑色。(id選擇器返單個元素) $(document).ready(function () {         $('#one').css('background', '#000');