在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ jq獲取動態(tài)添加元素的個數(shù)

jq獲取動態(tài)添加元素的個數(shù)

clipboard.png

如圖,橢圓圈部分內(nèi)容是通過jquery ajax從后臺拿到的數(shù)據(jù)動態(tài)添加到頁面的li 如下圖代碼,前端怎么才能獲取到有多少個li ?求路過前輩指點,謝謝~!

回答
編輯回答
扯機薄
  1. 盡量避免操作 DOM,所以你應該先嘗試在 Ajax 的階段獲取可能的元素數(shù)量
  2. 生成 HTML 的過程可能比較復雜,所以你希望在后面再查找,那么添加完之后 $('li').length (注意這里的選擇器要調(diào)整)就可以了。
  3. 你只說了想干什么,沒有說為什么,我覺得多半你的需求不需要這么做。
2017年1月26日 14:56
編輯回答
嫑吢丕
  1. 獲取數(shù)量的操作要在添加完(load)之后再做
  2. 可以先console下$('#header_right_imgs_ul').children('li'),然后看看這個jQ對象有沒有l(wèi)ength屬性(jQ封裝對象提供偽數(shù)組特性)
  3. 盡量別在控制臺直接用$(),那個是瀏覽器提供的,并不是jQ
  4. 或者可以$('#header_right_imgs_ul').children('li').toArray(),這樣直接返回一個數(shù)組也是帶length屬性的
  5. 還可以從你ajax獲取來的數(shù)據(jù)入手啊,既然能渲染肯定也能拿到數(shù)量的,再加上原有的不就得了
2018年1月12日 15:11
編輯回答
骨殘心

你這不搞笑呢嗎 異步獲取的數(shù)據(jù)添加到頁面 還問有多少個數(shù)據(jù),這不是你拿到數(shù)據(jù)填進去的?

2017年4月2日 19:00
編輯回答
嫑吢丕

在AJAX動態(tài)生成的li加載完后,通過父元素ul獲取下一層的li,再從得到的偽數(shù)組里面獲取length即可。

var num = $('ul#header_right_imgs_ul > li').length

其實你都用AJAX來動態(tài)加載了,直接在AJAX返回了數(shù)據(jù)里面統(tǒng)計要生成的li數(shù)量不就行了嗎

2017年1月28日 09:02
編輯回答
怪痞

獲取動態(tài)元素可以這樣 $("#header_right_imgs_ul").find("li").length
非動態(tài) $("#header_right_imgs_ul li").length

2018年6月5日 03:06
編輯回答
使勁操
    var li=$("li").length
    console.log(li)
2017年8月4日 18:53
編輯回答
淡墨
console.log($("#header_right_imgs_ul li").length)
2018年9月8日 09:45