使用腳本插入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);