在我看来，实现这一点的一个更干净的方法是对图像和文本使用不同的类，并分别隐藏/显示它们：
CSS：

​.text {
    display: none;
}​

超文本：

<div class="lg">
    <div class="image">IMAGE</div>
    <div class="text">Correct</div>
</div>​​​​​​​​​​​​​​​

JavaScript（在单击事件或其他事件上）：

$(".lg .image").hide();
​​​​​​​​$(".lg .text").show();

setTimeout(function() {
    $(".lg .image").show();
    $(".lg .text").hide();
}, 1000);​​​​​​​

您需要存储旧内容，然后：

var oldhtml = $('.lg').html(); 
// WARNING: will give unexpected results if .lg matches more than one element
$('.lg').text("Correct");
setTimeout(function(){
    $('.lg').html(oldhtml);
}, 1000); // milliseconds

如果lg类有多个条目，则需要一个循环：

$('.lg').each(function() {
    var oldhtml = $(this).html(); 
    $(this).text("Correct");
    setTimeout(function(){
        $(this).html(oldhtml);
    }, 1000); // milliseconds
});

你可以试试这样的。

<div class ="lg"> 
      <img src="/images/images.gif"> 
      <span style="display:none;">correct</span> 
</div>

JS系统
显示Correct文本

$('.lg').find('img').fadeOut();
$('.lg').find("span").fadeIn();

显示图像的步骤

$('.lg').find('img').fadeIn();
$('.lg').find("span").fadeOut();

最后你的代码可以是这样的。

$('.lg').find('img').fadeOut();
$('.lg').find("span").fadeIn();
setTimeout(function(){
     $('.lg').find('img').fadeIn();
     $('.lg').find("span").fadeOut();
}, 2000);//delay of 2 secs

我建议不要翻转div的html，而是将“Correct”标签和图像都放在div中，然后将它们切换为开和关：

<div class="lg">
    <span id="correctSpan">Correct!</span>
    <img id="image" src="/images/images.gif">
</div>

$(document).ready(function () {
    // hide the correctSpan from the start
    $('#correctSpan').toggle();
});

// in the event handler that toggles the two...
$('#correctSpan, #image').toggle();

您需要将图像（原始文本）保存在字符串中，更改它，然后再将其更改回来。

var orig = $('.lg').html(); // This should be .html, not .text
                            // so that it saves the <img/> tag
$('.lg').text('Correct');
// After a delay
setTimeout(function(){
    $('.lg').html(orig);  // Use .html here, so that the <img/> tag will work
}, 1000);

不过，有一个更好的方法可以做到这一点。有一个写有“正确”的span，然后只隐藏/显示图像和文本。

<div class="lg">
    <img src="/images/images.gif" />
    <span style="display:none;">Correct</span>
</div>

然后在JS中：

$('.lg').find('img,span').toggle(); // This will hide the image and show the text
                                   // run it again to change it back

不如这样：
CSS：

.hidden { display:none; }

超文本：

<div class="lg">
    <img src="/images/images.gif">
    <span class="hidden">Correct</span>
</div>

联森：

$(".lg").find("img, span").fadeToggle();

下面是代码!根据您的情况使用此代码!我在这里创建了一个单击事件，但如果您想直接显示文本，只需将此代码粘贴到一个函数中，然后调用您的函数!

$('.click_button').on('click', function() {

    $(".lg img").css('display', 'none');
    $(".lg .message").text("Correct!");

    
    if ($('.lg .message').text() == 'Correct!') {
      function bringback() {
        $(".lg img").css('display', 'block');
        $(".lg .message").text('');
      }
        setTimeout(bringback, 1000);
    }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class ="lg"> 
        <img src="https://play-lh.googleusercontent.com/1-hPxafOxdYpYZEOKzNIkSP43HXCNftVJVttoo4ucl7rsMASXW3Xr6GlXURCubE1tA=w3840-h2160-rw" style="width: 150px;"> 
        <div class="message"></div>
</div>

<button type="button" class="click_button">Click</button>

所以你必须用timeout来做另一个改变，因为这个改变实际上替换了dom中的对象。