如何使用jQuery方法prev獲取form表單中欄位引數

2019-12-12 05:12:02

在jQuery中，有一類查詢元素的方法，如parent()、children()、find()、prev()等。但是如果這些方法用錯了或者理解錯了，就會導致找不到指定的元素。下面利用範例說明，操作如下：

第一步，雙擊開啟HBuilderX工具，新建一個HTML5頁面並修改標題內容，如下圖所示：

第二步，在body標籤元素內，插入一個div、form、table等標籤，其中table標籤新增id屬性，如下圖所示：

第三步，在頁面中引入jQuery核心檔案，然後新增jQuery初始化函數，如下圖所示：

第四步，在jQuery初始化函數內，編寫按鈕點選事件，獲取form表單元素，如下圖所示：

第五步，第四步中使用到prev方法和find方法，結果發現沒有找到form表單，如下圖所示：

第六步，修改程式碼，將find()方法去掉，然後將form寫入到prev方法中，如下圖所示：