javascript - jQuery 函数 .val() 不起作用

Question

我正在尝试更新 div block 的值

<div id="likeVal">Likes: @Model.Likes</div>

进行如下 Ajax 调用后:

 $.ajax({
     type: "POST",
     async: false,
     url: "/Media/VideoLike?likes=" + likes + "&id=" + id
 }).done(function(data) {
     $("#likeVal").innerHTML = data.likes
 }); 

但是 block 中的值没有更新。但是当我使用document.getElementById("#likeVal").innerHTML = data.likes;时值发生变化。我知道document.getElementById返回 DOM object 。我在此处进行的另一个 Ajax 调用中使用了 jQuery 函数:

}).done(function(notice) {
            if (notice.error || notice.isLastBlock) {
                displayStatusMessage(notice.message);
                if (notice.isLastBlock) {
                    $("#assetId").val(notice.assetId);
                    $("#detailsPanel").show();
                }
                return;
            } 

它工作正常，并且值在 div block 中更新。我在第一次 Ajax 调用中做错了什么？

Answer 1

您使用了错误的方法。

jQuery.val()获取/设置表单字段的值。您应该使用 jQuery.html()获取/设置元素的内容。