jQuery 是一個(gè)非常流行的 JavaScript 庫(kù),它提供了一些強(qiáng)大的選擇器,可以方便地找到頁(yè)面中需要操作的元素。但是,有時(shí)候在使用 jQuery 中的選擇器時(shí),你可能會(huì)遇到一些不選的情況。
// 舉個(gè)例子 <div class="container"> <div class="box">盒子 1</div> <div class="box">盒子 2</div> </div> // 如果我想選中 class 為 box 的元素,我可以這么寫(xiě): $('.box') // 但是如果我想選中所有與 class 為 box 相鄰的兄弟元素,我可以這么寫(xiě): $('.box + div') // 如果 class 為 box 的元素后面緊跟著一個(gè) p 標(biāo)簽: <div class="container"> <div class="box">盒子 1</div> <p>這是個(gè) p 標(biāo)簽</p> <div class="box">盒子 2</div> </div> // 我們?cè)俅螄L試選中所有與 class 為 box 相鄰的兄弟元素: $('.box + div') // 但是,我們發(fā)現(xiàn)并沒(méi)有選中想要的 p 標(biāo)簽。這是因?yàn)?+ 選擇器只能選中其前面的一個(gè)元素,而不能選中后面的元素。
如果想同時(shí)選中 class 為 box 的元素和其后面緊跟的 p 標(biāo)簽,應(yīng)該怎么辦呢?這時(shí)候我們可以使用.next()
方法:
$('.box').next() // 這樣就能同時(shí)選中 class 為 box 的元素和其后面的 p 標(biāo)簽了。
總的來(lái)說(shuō),當(dāng)我們?cè)谑褂?jQuery 選擇器時(shí)遇到不選的情況,可能是因?yàn)檫x擇器的使用方式不正確,需要更換其他選擇器或者結(jié)合使用多個(gè)選擇器來(lái)解決問(wèn)題。