javascript - $ ('#' + somestring)。有什么不工作吗？

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++;
}

或者尝试对 GET https://api.jquery.com/jquery.get/ 使用普通的 ajax 函数并在回调中将数据插入到您新创建的元素中，然后将其插入到 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++;
}