Question

我正在使用这种模式：

 <div id="myalertbox" class="modal fade">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-body">

                <button type="button" class="close" data-dismiss="modal">&times;</button>
                You have a new notification!

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>

</div>

弹出并说“你有新的通知！”。我使用这个脚本弹出它：

<script>

function showAlert() {
    $("#myalertbox").modal({

        "backdrop": "static",
        "keyboard": true,
        "show": true,
    });
}

 </script>

我不知道如何改变里面的文字？我尝试使用.text和.html，但它不起作用。

Answer 1

在调用模态之前更改文本

$("#myalertbox .modal-body").text('pass your text here');

Answer 2

在启动模式之前，您可以更改其html，如：

$("#myalertbox .modal-body").html('pass your html here');
// It will put your html inside the div having Class .modal-body which is enclosed with a div having ID #myalertbox

然后以常规方式启动其模态。

Answer 3

由于内容未嵌套到任何标签中。

最好在下面使用这个。

 var btnHtml='< button type="button" class="close" data-dismiss="modal"> 
 &times ;< /button>';

 $('#myalertbox .modal-body').html(btnHtml +"your text here");

如何使用jquery更改模态内的文本？

3 个答案: