动态创建的p元素未附加到动态创建的div(Dynamically created p element not appended to dynamically created div)

动态创建的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);