javascript - Jquery 属性未添加到 div 元素

Question

我有一个div如下

'<div class="ctrl-info-panel col-md-12 col-centered">'+
    '<h2>You do not have any projects created at the moment.</h2>'+
    '<div id="t1" style="display:inline-flex"  data-toggle="tooltip">'+
        '<p><a href="create_project.jag" class="cu-level2-btn btn-add-new-dark ' + appendCreateprojectDisabled(noOfDatasets) + '" data-toggle="tooltip" data-original-title="Create Project"><span>Create Project</span></a></p>'+
    '</div>'+
'</div>'

我正在尝试在以下函数中向 #t1 添加一个属性。

 function appendCreateprojectDisabled(noOfDatasets) {
        var classAppend = '';
        if(noOfDatasets == 0) {
            $("#t1").attr('title','No datasets available');
            classAppend = 'cu-level-btn-disabled';  
        }
        return classAppend;
    }

但是没有添加属性。我没有在工具提示中收到文本。这里有什么问题？

请注意 noOfDatasets 为 0。

Answer 1

要回答您的问题，您代码中的问题是订单已执行。

当执行函数 appendCreateprojectDisabled(noOfDatasets) 时，它会查找元素 $("#t1")，不存在 但由于以下字符串尚未添加到 HTML 文档中:

'<div class="ctrl-info-panel col-md-12 col-centered">'+
                                '<h2>You do not have any projects created at the moment.</h2>'+
                                '<div id="t1" style="display:inline-flex"  data-toggle="tooltip">'+
                                    '<p><a href="create_project.jag" class="cu-level2-btn btn-add-new-dark ' + appendCreateprojectDisabled(noOfDatasets) + '" data-toggle="tooltip" data-original-title="Create Project"><span>Create Project</span></a></p>'+
                                '</div>'+
                            '</div>'

您可能会注意到，上面的代码具有元素 id="t1"，该元素在调用函数 appendCreateprojectDisabled(noOfDatasets) 时不存在.