javascript - 插入带有脚本的 jQuery 来更改元素

Question

我正在将 HTML 插入到我的网页中，并希望使用 jQuery 更改一些元素。该文件每秒都会被读取，这是我想要更改的元素:

<div id="progress" class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">

我尝试了以下方法(不起作用):

<script>
function change(){ $("#progress").attr('aria-valuenow', '60'); 
};
change();
</script>

我也尝试过这个(没用):

<script>
function change(){ $("#progress").attr('aria-valuenow', '60'); }; change();
</script>

该网站肯定可以从文件中正确读取，这可能只是我插入代码的方式没有进行更改。

请帮忙。

附注我正在重新读取使用以下 AJAX 调用输入 HTML 的文件。基本上它只是每秒重新读取文件并将 html 附加到 div:

<script>
$(document).ready(function() {
    var filename = "path/to/file/" + fileName;
    console.log(filename);
    setTimeout(functionToLoadFile, 10);
    function functionToLoadFile(){
            $.ajax({
                url: filename,
                cache: false,
                success: function(data) {
                    $('#content').html(data);
                    setTimeout(functionToLoadFile, 1000);
                },
            });
    }
});
</script>

感谢所有回复的人<3

Answer 1

尝试this jsfiddle

基本上:

$("#progress").progressbar("option", "value", 60);