$('#' + somestring).anything 不工作？

Question

下午，我正在编码的当前网站从服务器动态获取文章并将它们插入到滚动表中，但我在跟踪它们时遇到了问题

function addArticle() {

var div = document.createElement("div");

 var id="div"+count.toString();
 div.id=id;

 $('#'+id).load("http://localhost:8080/dog/demo.html"+count.toString(),function()   {});


 document.getElementById("newsfeed_table").rows[0].appendChild(div);
 count++;
}

现在，如果我将 all div 的 id 设置为“div1”，那么文章就会加载，如果我在这里做什么，$('#'+id) 它不起作用，它也不会抛出错误，以上就是问题所在，因为我已经在我的页面上测试了字符串连接作为 Jquery id 的其他内容，但它失败了。任何帮助表示赞赏。

Answer 1

jQuery 选择器 $ 正在遍历 DOM 并找到您的选择器。您首先搜索不存在的选择器“#”+ id，然后将新创建的元素插入 DOM。尝试交换此操作：

function addArticle() {

    var div = document.createElement("div");

    var id="div"+count.toString();
    div.id=id;

    document.getElementById("newsfeed_table").rows[0].appendChild(div);

    $('#'+id).load("http://localhost:8080/dog/demo.html"+count.toString(),function()   {});


    count++;
}

或尝试使用普通的 ajax 函数获取 https://api.jquery.com/jquery.get/，并在回调中将数据插入新创建的元素，然后将其插入 DOM。

function addArticle() {

    var div = document.createElement("div");

    var id="div"+count.toString();
    div.id=id;

    $.get( "http://localhost:8080/dog/demo.html"+count.toString(), function( data ) {
        $( div ).html( data );
    });

    document.getElementById("newsfeed_table").rows[0].appendChild(div);

    count++;
}