javascript - 我的 jquery 没有将 div 添加到正确的节点

标签 javascript jquery html

var out = [];
out.push('<div class="newData">');

for (var i = 0; i < 5; i++) {
    out.push('<img src="' + data.data[i].images.low_resolution.url + '"/>');
    count++;

    // if (data.pagination.next_url = "") flag++;

    if (count > 4) {
        myurl = data.pagination.next_url;
        count = 0;  
    }

    out.push('</div>'); 
    $('#wrap').append(out);   

我有这个简单的代码,但在检查元素中它显示了。

<div id="wrap">
    <div class="newdata"></div> 
    <img scr='"asd"/>
    <img scr='"asd"/>
    <img scr='"asd"/>
</div>

为什么立即关闭 newdata div 并且为什么不将照片放入其中?

最佳答案

尝试使用字符串,不要忘记关闭 for 循环

var out = '';
out+='<div class="newData">';

for (var i = 0; i < 5; i++) {
    out+='<img src="' + data.data[i].images.low_resolution.url + '"/>';
    count++;

    // if (data.pagination.next_url = "") flag++;

    if (count > 4) {
        myurl = data.pagination.next_url;
        count = 0;  
    }
}
    out+='</div>'; 
    $('#wrap').append(out);   

关于javascript - 我的 jquery 没有将 div 添加到正确的节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38432669/

相关文章:

javascript - 如何使用 jQuery 执行同步请求?

html - 改变背景的不透明度,而不是子元素

javascript - 检测 HTML 中的 javascript

javascript - AngularJs ng-repeat - 选择时下拉空白

javascript - 在输入类型 ="number"中禁用直接值编辑

jquery - 在jquery中向上滚动时执行某些操作,向下滚动时执行其他操作

html - 加载时遇到无效的 'X-Frame-Options' header

html - Bootstrap CSS - 使文本出现在网格容器中的一行上

javascript - 如何使用 AngularJS 上的服务功能检查 PouchDB 文档是否存在?

javascript - 访问由 Object.create 创建的对象中的父( super )方法