在我的应用程序中，我正在尝试通过 ajax 请求加载电子书章节页面(如所示的 html 标记)。
我的 html 标记如下所示:
<html><body>
<div id="p5">
<div id="p6">
<p class="heading">heading1</p>
<p class="normal">This is my sample Text here</p>
</div></div>
</body>
</html>
所以在加载这本书之后，我会得到“pageContent”中的所有页面。现在我想用与以前相同的高度和宽度替换书中的所有段落。所以我确实喜欢
$(pageContent).find('p').empty().html('<textarea type ="text"></textarea>')
我得到的 textarea 的高度和宽度与段落
元素相同，但我需要与其第一个父元素相同的高度和宽度:
<div id="p6">
我没有这个 div 元素的任何类，每个页面的 id 都不同。所以我在这里迷路了，所以我需要像
<html><body><textarea id= "p6" type ="text"></textarea></html></body>
我如何将 parent id 添加到我的文本区域并删除该 div 元素。
如果您有任何问题，请添加评论，非常感谢您提前抽出时间
最佳答案
检查这个
HTML
<div id="p6">
<p class="heading">heading1</p>
<p class="normal">This is my sample Text here</p>
</div>
脚本
var newid = $("#p6").attr("id");
$("#p6").parent().html("<textarea id=" + newid + "/></textarea>")
关于javascript - 用相同的 id 替换一个元素及其子元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26381708/