在div元素中显示javascript消息

我使用下面的代码来获取所选复选框的最接近值。我正在成功地获取警报框中的值。但我想在div元素中显示它，并添加一些CSS。这样我就可以将其显示为模态。你能帮忙吗

   $(document).ready(function () {
    //Assign Click event to Button.
    $("#match").click(function () {
        var message = "FUND_ID FUND_Name ISIN\n";

        //Loop through all checked CheckBoxes in GridView.
        $("#my_fo_id input[type=checkbox]:checked").each(function () {
            var row = $(this).closest("tr")[0];
            message += row.cells[1].innerHTML;
            message += "   " + row.cells[2].innerHTML;
            message += "   " + row.cells[3].innerHTML;
            message += "\n";

        });

        //Display selected Row data in Alert Box.
       alert(message);

    });
});

---

在html中创建隐藏模式，设置文本字段的值并使模式可见？

只需使用此选项将消息添加到div-

$('#customModal').html(message);

并将其添加到HTML中-

<div id="customModal"></div>

---

您的消息将添加到id为customModal的div中。现在您可以使用CSS来玩它了。您必须删除alertmessage；这样它就不会弹出警报窗口。

如果您使用JQuery

---

将其作为注释发布，而不是解决方案查看.html方法的jQuery文档基本上，您可以通过$'div'.htmlmessage；是的，我在js$error.htmlmessage中尝试过这个；和html作为

@Prashant您能否在一个？@BrOsCoRe中提供您的html、CCS和JavaScript，很遗憾，我不能共享完整的代码。不过，我发布的当前脚本运行良好。我得到了预期的结果，但在一个警报框中。所以我想把它放进去

$(".open").on("click", function(){
    var message = "test";
  $("h2").after("<p>" + message + "</p>");
})

this is another way to display message
function comment() {
    var question = document.getElementById("question").value
    var question2 = document.getElementById("question2").value
        if(question != question2) {
            alert('You entered two different comment, please make sure both password fields match.');
        }
}