javascript - 实时点击后更改第一个 div 的 css

Question

我希望能够在单击 span.submit-comment 后更改 div 的 css。

我将如何更改该 div 的 css。

我尝试将以下内容放入脚本的成功部分:

$('div.news-comment:first').css("background-color", "#000");

但是 div 只是闪烁黑色(当我单击时)，因为它位于单击函数内。我希望 CSS 持续存在，直到我刷新页面。

有什么想法吗？

// post news comment
    $('span.submit-comment').live('click', function() {
        var commentname = $('input#commentname').val();
        var commentcontent = $('textarea#commentcontent').val();
        var newsid = $('span.view-comments').attr('id');
        var datastring = 'commentname=' + commentname + '&commentcontent=' + commentcontent + '&newsid=' + newsid;

        $.ajax({
        type: "POST",
        url: "ajax/post_news_comment.php",
        data: datastring,
        success: function(){
                    $('div#news-comments').load('ajax/get_news_comments.php?news_id=' + newsid);
                 }
        });
    });

Answer 1

如果您要更改背景的评论位于 #news-comments div 中，您将在 .ajax 回调中将其替换为从 get_news_comments.php 加载的 html。无论你把 js 放在哪里，元素都会被替换。

如果是这样，将其添加到成功函数中加载的回调中应该可以。