在前端開發中,經常需要對頁面中的元素進行操作,特別是對表單中的輸入框的操作,這時候jquery就是一款非常強大的工具。那么如何獲取一個 div 下所有的 input 呢?下面給大家分享一下 jquery 獲取 div 下所有 input 的代碼。
$("div input").each(function() {
// do something
});
上述代碼中,我們使用了 jquery 的 each 函數,對每個 div 中的 input 進行遍歷,然后進行相應的操作。如果想獲取具有某個特定 class 的 input,則可以這樣寫:
$("div input.classname").each(function() {
// do something
});
除了 each 函數,還可以使用 jquery 的 find 函數來獲取 div 下的 input,代碼如下:
$("div").find("input").each(function() {
// do something
});
需要注意的是,上述代碼中的 div 可以替換成其他元素,如 id 為“container”的元素,則代碼如下:
$("#container input").each(function() {
// do something
});
總的來說,jquery 獲取 div 下所有 input 的方法非常簡單,只需使用 each 或 find 函數即可。希望本文對大家學習 jquery 以及前端開發有所幫助。