亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

jquery的lt選擇器里的一些坑

Songlcy / 1493人閱讀

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

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

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

舉個(gè)例子，有這么一段html

    

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

    

    

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

代碼一：

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

結(jié)果一：

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

再來看一段代碼：

代碼二：

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

你們第一反應(yīng)是不是也會(huì)覺得是下面這種效果呢。

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

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

要實(shí)現(xiàn)這種類型的選擇效果，一種解決辦法可以是: 
$("div ul li:nth-child(-n + 2)").css("background","#f00");

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

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/50975.html

相關(guān)文章

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

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

    gougoujiang 評(píng)論0 收藏0

  • </2016><2017>

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

    wangshijun 評(píng)論0 收藏0

  • </2016><2017>

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

    fxp 評(píng)論0 收藏0

  • sap.ui.require in SAP UI5 and require in nodejs

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

    frank_fun 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<