使用更改的元素id的javascript/jquery

使用更改的元素id的javascript/jquery,javascript,jquery,ajax,variables,Javascript,Jquery,Ajax,Variables,我试图在我的网站上自动化文章的加载过程,但行 $(tytul).html(数据) 它不能正常工作。我想知道有什么办法可以让它工作吗 var numboart = 3; $(document).ready(function(){ for(i=0;i<numboart;i++) { var tytul = new String("\"#artykl"+i+"\""); $.ajax({ url : "../articles/ar

我试图在我的网站上自动化文章的加载过程,但行
$(tytul).html(数据)
它不能正常工作。我想知道有什么办法可以让它工作吗

    var numboart = 3;

$(document).ready(function(){

    for(i=0;i<numboart;i++)
    {
    var tytul = new String("\"#artykl"+i+"\"");
    $.ajax({
           url : "../articles/art"+i+".txt",
            dataType: "text",
            success : function (data) {
                $(tytul).html(data);
            }
        });
        }

});
var numboart=3;
$(文档).ready(函数(){

对于(i=0;i您的动态id创建不正确,应该只是

var tytul = "#artykl"+i;
您正在构造一个选择器,如
“#artykl1”
,而不是无效选择器的
#artykl1
(您的控制台中应该有一个错误,如
未捕获错误:语法错误,无法识别的表达式:“#artykl1”

你也有问题

$.ajax()
是异步的,因此不能保证在每个循环中都在
.post
中注入内容。有一些解决方案,如使用
async:false
、使用
闭包
或调用函数(参见代码):

var numboart=3;
$(文档).ready(函数(){

对于(i=0;i请将html@TomaszMałachowski你能检查ajax请求是否成功完成吗?谢谢你的帮助,简化工作正在进行,但并不完全是我需要的方式。不幸的是,你对我的代码的更正不起作用:(这没有任何帮助):/我不得不把'loadContent=function(i){}在“$(document).redy(function(){}”之外,它工作得很好。谢谢!
var tytul = "#artykl"+i;
var numboart = 3;

$(document).ready(function () {
    for (i = 0; i < numboart; i++) {
        (function (i) {
            var tytul = new String("#artykl" + i);
            $.ajax({
                url: "../articles/art" + i + ".txt",
                dataType: "text",
                success: function (data) {
                    $(tytul).html(data);
                }
            });
        })(i);
    }
});
jQuery(function ($) {
    $('.post').each(function (i, el) {
        $(this).load("../articles/art" + i + ".txt")
    })
});
var numboart = 3;

$(document).ready(function(){

    for(i=0;i<numboart;i++){
        loadContent(i);
    }

    loadContent = function(i){
        var tytul = "#artykl" + i;
        $.ajax({
            url : "../articles/art"+i+".txt",
            dataType: "text",
            success : function (data) {
                $(tytul).html(data);
            }
        });
    };
});