我正在嘗試根據用戶輸入創建一個列表。但是我不斷收到錯誤：li.parent 不是函數。如何解決這個問題并創建用戶輸入結果列表？這是我嘗試過的，我的 html： <table id="resultTable" cellpadding="1" cellspacing="1" border="1"> <tr> <th scope="col"></th> <th scope="col">Hoeveelheid</th> <th scope="col">Gewicht x KG</th> </tr> <tr> <td>1</td> <td class="HoeveelheidField"><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td> <td class="GewichtField"><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td> </tr> <tr> <td>2</td> <td class="HoeveelheidField"><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td> <td class="GewichtField"><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td> </tr> <tr> <td>3</td> <td class="HoeveelheidField"><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td> <td class="GewichtField"><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td> </tr> </table> </div> <button onclick ="window.location.href = '#close';getData(); writeData(); " href="#close" id="submitButton" class="tester2"> Submit </button><p> <ol id ="exerciseList"> </ol></p>我的JS：const exerciseName = document.getElementById("exercise-search");function gotData(data){//console.log(data.val()); var exercise = data.val(); console.log(exercise); console.log(exercise.hoeveelheidKilogram);exercise.repetitie.forEach(function getReps (value) { console.log(value);}); exercise.hoeveelheidKilogram.forEach(function(value) { console.log(value);});for (var i = 0; i < HoeveelheidArr.length; i++) { var li = document.createElement('li',exerciseName.value ); li.parent('exerciseList'); }}
1 回答
幕布斯6054654
TA貢獻1876條經驗 獲得超7個贊
考慮到這一點，
“parent()”是屬于 jQuery 對象（也稱為“Wrapped set”）的方法，它是 jQuery 選擇器的返回類型。因此，parent() 函數只能與 jQuery 對象一起使用?！癲ocument.getElementById()”是一個純javaScript函數，它返回DOM元素（元素不是jQuery對象）。這樣我們就不能使用parent()方法了。這就是您收到此錯誤的原因。
（但是在您的代碼中：您嘗試選擇動態創建的元素。動態創建的元素沒有父元素，直到我們將該元素放置到 DOM 中）
您可以從控制臺日志代碼中發現兩個函數的返回類型之間的差異。
var elem_1 = document.getElementById("exerciseList"); // js element selector
console.log(elem_1); // outputs DOM element
var elem_2 = $("#exerciseList"); // jQuery element selector
console.log(elem_2); // outputs jQuery object (Wrapped set)
如果您需要將列表項添加到有序列表中（
）然后使用以下代碼作為參考。
/**
* I don't know what is inside the variable "HoeveelheidArr"
*/
for (var i = 0; i < HoeveelheidArr.length; i++) {
var li = document.createElement('li');
li.setAttribute('id', "id_name");
var text = document.createTextNode(exerciseName.value);
document.getElementById("exerciseList").appendChild(li);
}
如果您需要使用parent()函數，請參考以下代碼：
// selects the immediate parent of element with id value "selected_id"
$("#selected_id").parent('div');
謝謝。
- 1 回答
- 0 關注
- 125 瀏覽
添加回答
舉報
0/150
提交
取消