动态创建的p元素未附加到动态创建的div(Dynamically created p element not appended to dynamically created div)
由于某种原因,下面函数中的p元素未创建(和/或附加到div)。 如果我像div一样将它附加到'#listOfListObjects',它可以工作,但我希望它在div中。
我究竟做错了什么?
$('#addListObjectSubmit').click(function (e) { var listObjectName = $('#m_newListObject').val(); if((listObjectName == null) || (listObjectName == '')) { return false; } else { var listDiv = 'listDiv' + i; $('<div>', { class: 'listObjectShow', id: listDiv }).appendTo('#listOfListObjects'); $('<p>', { class: 'listObjectShow', text: listObjectName, id: 'listObject' + i }).appendTo(listDiv); } i += 1; e.preventdefault(); });By some reason the p element in the function below isn't created (and/or appended to the div). If I append it to '#listOfListObjects' as with the div, it works, but I want it inside the div.
What am I doing wrong?
$('#addListObjectSubmit').click(function (e) { var listObjectName = $('#m_newListObject').val(); if((listObjectName == null) || (listObjectName == '')) { return false; } else { var listDiv = 'listDiv' + i; $('<div>', { class: 'listObjectShow', id: listDiv }).appendTo('#listOfListObjects'); $('<p>', { class: 'listObjectShow', text: listObjectName, id: 'listObject' + i }).appendTo(listDiv); } i += 1; e.preventdefault(); });最满意答案
改变这个
var listDiv = 'listDiv' + i;
至
var listDiv = '#listDiv' + i;
要么
$('<div>', { class: 'listObjectShow', id: listDiv }).appendTo('#listOfListObjects'); $('<p>', { class: 'listObjectShow', text: listObjectName, id: 'listObject' + i }).appendTo(listDiv);至
$('<div>', { class: 'listObjectShow', id: listDiv }).appendTo('#listOfListObjects'); $('<p>', { class: 'listObjectShow', text: listObjectName, id: 'listObject' + i }).appendTo('#' + listDiv);Change this
var listDiv = 'listDiv' + i;
to
var listDiv = '#listDiv' + i;
or
$('<div>', { class: 'listObjectShow', id: listDiv }).appendTo('#listOfListObjects'); $('<p>', { class: 'listObjectShow', text: listObjectName, id: 'listObject' + i }).appendTo(listDiv);To
$('<div>', { class: 'listObjectShow', id: listDiv }).appendTo('#listOfListObjects'); $('<p>', { class: 'listObjectShow', text: listObjectName, id: 'listObject' + i }).appendTo('#' + listDiv);更多推荐
发布评论