jQuery選中子元素可以通過以下幾種方式實現:
$(父元素).find(子元素選擇器); // 方法1 $(父元素 > 子元素選擇器); // 方法2
方法1:
// HTML代碼 <div id="parent"> <div class="child"></div> <div class="child selected"></div> <div class="child"></div> </div> // jQuery代碼 var selectedChild = $('#parent').find('.selected'); console.log(selectedChild); // 輸出 <div class="child selected"></div>
方法2:
// HTML代碼 <ul id="menu"> <li></li> <li> <a class="selected">菜單項1</a> </li> <li></li> </ul> // jQuery代碼 var selectedMenu = $('#menu > .selected'); console.log(selectedMenu); // 輸出 <a class="selected">菜單項1</a>
下一篇css布局編輯器