使用脚本插入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>

该网站绝对可以从文件中正确读取数据，这可能只是我插入无法进行更改的代码的方式。

请帮助。

PS我正在重新读取通过以下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

试试这个jsfiddle

基本上：

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