jquery - Jquery動的分割作成

Question

次の関数があります。ページに結果の div があり、テキストを含む新しい div を動的に追加したい場合、最初の .append が機能し、div が作成されますが、2 番目の追加が機能せず、テキストが取得されませんそれに追加されます。誰でも理由を教えてもらえますか?

$.getJSON(docTypeQueryURL + "id=" + doctype, function (data) {
  var div = data.TYPE_ID;
  var resultsDiv='#results';
  var divid = "'#" + div + "'";
  $(resultsDiv).append("<div id='" + div + "'><strong>" + div + "</strong></div>");
  $(divid).append("<p>" + xyzz + "</p>");
});

Answer 1

xyzzとdata.TYPE_IDが定義され、正しいと仮定すると、置き換える必要があります

var divid = "'#" + div + "'";

と

var divid = "#" + div;

Answer 2

あなたdividは余分を持っていsingle quoteます。それを除く

var divid = "#" + div;

また、除算で # を使用する必要はありません。jQueryで見られるように、それを使用しているようです。更新されたコードを参照してください。これは、セレクターの作成中にのみ必要です

$.getJSON(docTypeQueryURL + "id=" + doctype, function (data) {
  var div = data.TYPE_ID;
  var resultsDiv='#results';
  var divid = div;
  $(resultsDiv).append("<div id='" + div + "'><strong>" + div + "</strong></div>");
  $(divid).append("<p>" + xyzz + "</p>");
});