我正在嘗試根據(jù)用戶輸入創(chuàng)建一個(gè)列表。但是我不斷收到錯(cuò)誤：li.parent 不是函數(shù)。如何解決這個(gè)問(wèn)題并創(chuàng)建用戶輸入結(jié)果列表？這是我嘗試過(guò)的，我的 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貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
考慮到這一點(diǎn)，
“parent()”是屬于 jQuery 對(duì)象（也稱為“Wrapped set”）的方法，它是 jQuery 選擇器的返回類型。因此，parent() 函數(shù)只能與 jQuery 對(duì)象一起使用?！癲ocument.getElementById()”是一個(gè)純javaScript函數(shù)，它返回DOM元素（元素不是jQuery對(duì)象）。這樣我們就不能使用parent()方法了。這就是您收到此錯(cuò)誤的原因。
（但是在您的代碼中：您嘗試選擇動(dòng)態(tài)創(chuàng)建的元素。動(dòng)態(tài)創(chuàng)建的元素沒有父元素，直到我們將該元素放置到 DOM 中）
您可以從控制臺(tái)日志代碼中發(fā)現(xiàn)兩個(gè)函數(shù)的返回類型之間的差異。
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)
如果您需要將列表項(xiàng)添加到有序列表中（
）然后使用以下代碼作為參考。
/**
* 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()函數(shù)，請(qǐng)參考以下代碼：
// selects the immediate parent of element with id value "selected_id"
$("#selected_id").parent('div');
謝謝。
- 1 回答
- 0 關(guān)注
- 141 瀏覽
添加回答
舉報(bào)
0/150
提交
取消