0

我有一个加载的页面，然后我在它上面做了一些 JQuery。做线时：

var div = $("<div class='modal'>").append(r);

我试图弄清楚为什么它会出错并说存在层次结构错误。也许r中有不正确的DOM？为了节省输出，因为它很长，我将展示服务器端。下面的 r 不会出错，但它是在将它附加到上面的 div 时实际发生问题的地方。

var r = $(result);

结果：

"<div>
   <input type='text' id ='queryInput' />
   <button id = 'queryButton' runat='server' value = 'Re-Filter'>Re-Filter</button>
</div>
<div id='set'>
   <select>
     <!-- The options are populated by a loop in ASP.net -->
     <option value = '" + Convert.ToString(record.fe_id) + "'>" + Convert.ToString(record.fe_name) + "</option>  
   </select>
</div>
<div>
   <button id = 'buttonReturnValue' value = 'Return Selected Element'>Return Selected Element</button>
</div>"

如果我认为上述内容是不正确的 dom，我做错了什么？

4

1 回答 1

2 
var text = "<div><input type='text' id ='queryInput' /><button id = 'queryButton' runat='server' value = 'Re-Filter'>Re-Filter</button></div><div id='set'><select><option value = '" + Convert.ToString(record.fe_id) + "'>" + Convert.ToString(record.fe_name) + "</option></select></div><div><button id = 'buttonReturnValue' value = 'Return Selected Element'>Return Selected Element</button></div>";

这是一种解决方法，但有效...

var d = document.createElement("div");
d.innerHTML = text;
document.getElementById('modal').appendChild(d);
于 2012-07-05T20:09:12.843 回答