jquery的lt選擇器里的一些坑

gougoujiang 發布于2019-08-29 12:56 / 1523人閱讀

摘要：提供的一些選擇器比提供的選擇器功能更強大也更靈活，當然也有一些坑，比如選擇器。先看選擇器的官方定義在選定的所有元素冒號前面選定的元素里，匹配索引值小于給定索引值的元素。舉個例子，有這么一段代碼一結果一選定的是兩個元素，索引值分別是，。

jquery提供的一些選擇器比css提供的選擇器功能更強大,也更靈活，當然也有一些坑，比如:lt()選擇器。

先看:lt()選擇器的官方定義：

:lt(index):
Description: Select all elements at an index less than index within the matched set.
在選定的所有元素(冒號前面選定的元素)里，匹配索引值小于給定索引值(index)的元素。

舉個例子，有這么一段html

代碼一：

$("div:lt(2)").css("background","#f00");

結果一：

$("div")選定的是兩個div元素，索引值分別是0，1。div:lt(2)返回索引值小于2的元素，即兩個div都被選中。

再來看一段代碼：

代碼二：

$("div ul li:lt(2)").css("background","#f00");

你們第一反應是不是也會覺得是下面這種效果呢。

我一開始也覺得是這種，但是其實并不是。
可以直接console.log一下到底選擇了哪些東西。

也就是說，$("div li:lt(2)")其實只是選擇了所有的li元素的頭兩個而已，而并沒有分別選擇每個ul元素下的頭兩個li元素。

要實現這種類型的選擇效果，一種解決辦法可以是:

$("div ul li:nth-child(-n + 2)").css("background","#f00");

現在回到:lt()的定義上來:

:lt(index):
Description: Select all elements at an index less than index within the matched set.
在選定的所有元素(冒號前面選定的元素)里，匹配索引值小于給定索引值(index)的元素。

我們可以這么理解它，如果一個選擇是這樣,$("selector :lt(n)")，我們只需知道$("selector")選擇了哪些東西，然后在這全部返回的元素里面選擇前n-1個就行了。

GPU云服務器云服務器配置阿里云window服務器的一些坑 java的一些代碼深度學習的一些應用 jquery選擇特效

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112255.html

jquery的lt選擇器里的一些坑

摘要：提供的一些選擇器比提供的選擇器功能更強大也更靈活，當然也有一些坑，比如選擇器。先看選擇器的官方定義在選定的所有元素冒號前面選定的元素里，匹配索引值小于給定索引值的元素。舉個例子，有這么一段代碼一結果一選定的是兩個元素，索引值分別是，。 jquery提供的一些選擇器比css提供的選擇器功能更強大,也更靈活，當然也有一些坑，比如:lt()選擇器。先看:lt()選擇器的官方定義： :lt(...

Songlcy 2019-08-01 17:08 評論0 收藏0
</2016><2017>

摘要：不覺間，已悄然離去恍然后，正慢慢襲來。已完成一期內容，只包含買家點餐功能，二期準備做賣家及支付功能。經過考慮和評估，我決定對這兩個選擇進行一個折中。項目部署，及代理轉發等配置。發現最近，已經對非技術類書籍少了很多興趣。不覺間，2016已悄然離去；恍然后，2017正慢慢襲來。又到了總結過去，展望未來的時候了，那就先總結16年的收獲和經驗教訓，再展望17年對自己及行業的一些期望吧。 1...

wangshijun 2019-07-25 11:17 評論0 收藏0
</2016><2017>

摘要：不覺間，已悄然離去恍然后，正慢慢襲來。已完成一期內容，只包含買家點餐功能，二期準備做賣家及支付功能。經過考慮和評估，我決定對這兩個選擇進行一個折中。項目部署，及代理轉發等配置。發現最近，已經對非技術類書籍少了很多興趣。不覺間，2016已悄然離去；恍然后，2017正慢慢襲來。又到了總結過去，展望未來的時候了，那就先總結16年的收獲和經驗教訓，再展望17年對自己及行業的一些期望吧。 1...

fxp 2019-08-20 13:29 評論0 收藏0
sap.ui.require in SAP UI5 and require in nodejs

摘要：例如我需要在的里通過彈一個消息顯示在上，我需要先定義我自己的，該自標準的，路徑為而為了調用的方法，也必須先拿到的實例。所有的由中的統一管理。 UI5 例如我需要在controller的onShowHello里通過MessageToast彈一個消息顯示在UI上，showImg(https://segmentfault.com/img/remote/1460000014235957); 我...

frank_fun 2019-08-22 16:06 評論0 收藏0