【jQuery】使用id选择器,找出外层div中嵌套的内层div
生活随笔
收集整理的這篇文章主要介紹了
【jQuery】使用id选择器,找出外层div中嵌套的内层div
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
場景:為了實現一個 toggle 效果,即第一次點擊一個“添加”按鈕之后,會在一個(外層)div的末尾append一個新的(內層)div,第二次點擊這個按鈕之后,希望這個新增的(內層)div可以被折疊。
這時需要根據(內層)div的id,抓到這個(內層)的div,然后使用$("#div1").remove();刪除它,從而實現 toggle 效果
語法
使用 jQuery id選擇器 $("#div1 #div2"),選出 div1 中嵌套的 div2
代碼示例
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>test</title><script src="//cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script></head><body><div id="div1"><div id="div2">hello</div></div></body><script>// 根據 id 獲取元素:找到div1中嵌套的div2let count = $("#div1 #div2").length;console.log("[獲取到的div2總數] "+count);</script> </html>效果
總結
以上是生活随笔為你收集整理的【jQuery】使用id选择器,找出外层div中嵌套的内层div的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JS 创建自定义对象的方法
- 下一篇: 数据库设计原则:应该使用软删除吗?