JQuery不添加元素不会给出错误？

-1

我想添加一个内容<div>到一个元素，也是一个<h1>元素到另一个。内容潜水被添加到HTML中，但不是H1，我也没有得到任何错误。JQuery不添加元素不会给出错误？

这是相关代码：

var content = $("<div>").attr({"class": "section-content", "id": "content", 
    "style": "max-height: 500px;overflow-y: scroll; padding-top:0;padding- 
    bottom:0;"}).appendTo(".Extrablox"); 
console.log("Adding content"); 
var textcont = $("<h1>").appendTo(".content"); 
console.log("Added content");

什么我需要改变，以得到补充的H1？

来源

2017-09-23 Filip

您试图将'h1'标题添加到类为'.content'的元素....尝试将其更改为'＃content'或者简单地用'content'变量替换字符串以添加它到内容容器盒。 –

var textcont = $("<h1>").appendTo(".content");

尝试将h1添加到名称内容类的div。但是您添加的div有一个名为section-content的类和一个名为content的id。

变化

var textcont = $("<h1>").appendTo(".content");

到

var textcont = $("<h1>").appendTo(".section-content");

或

var textcont = $("<h1>").appendTo("#content");

来源

2017-09-23 11:40:21

谢谢我的坏大声笑 – Filip

修改以var textcont = $("<h1>").appendTo("#content");

var content = $("<div>").attr({ 
 
    "class": "section-content", 
 
    "id": "content", 
 
    "style": "max-height: 500px;overflow-y: scroll; padding-top:0;padding-bottom:0;" 
 
    }) 
 
    .appendTo(".Extrablox"); 
 
console.log("Adding content"); 
 
var textcont = $("<h1>").appendTo("#content"); 
 
console.log("Added content");

.Extrablox { 
 
    width: 200px; 
 
    height: 200px; 
 
    border: 1px solid red; 
 
}

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 
<div class="Extrablox"></div>

来源

2017-09-23 11:41:09 JiangangXiong

JQuery不添加元素不会给出错误？

回答

相关问题