国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

jquery的lt選擇器里的一些坑

Songlcy / 1440人閱讀

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

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

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

舉個例子，有這么一段html

    

        
    
            
  • item1
    • 
            
  • item2
    • 
            
  • item3
    • 
            
  • item4
    • 
        

    

    

        
    
            
  • item5
    • 
            
  • item6
    • 
            
  • item7
    • 
            
  • item8
    •

代碼一：

$("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個就行了。

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

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

相關文章

  • jquery的lt選擇器里的一些坑

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

    gougoujiang 評論0 收藏0

  • </2016><2017>

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

    wangshijun 評論0 收藏0

  • </2016><2017>

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

    fxp 評論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 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<