javascript - 如何根据 ajax 响应隐藏图像标签?

标签 javascript jquery

替换下面的“//Needed magic”注释以便根据 AJAX 响应隐藏或取消隐藏图像标签的正确 jquery 语句是什么?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JQuery</title>
<style type="text/css">
    .isSolvedImage{
        width: 68px;
        height: 47px;
        border: 1px solid red;
        cursor: pointer;
    }

</style>
<script src="_js/jquery-1.4.2.min.js" type="text/javascript"> </script>

</head>
<body>

<div id='true1.txt' class='isSolvedImage'>
    <img src="_images/solved.png">
</div>

<div id='false1.txt' class='isSolvedImage'>
    <img src="_images/solved.png">
</div>

<div id='true2.txt' class='isSolvedImage'>
    <img src="_images/solved.png">
</div>

<div id='false2.txt' class='isSolvedImage'>
    <img src="_images/solved.png">
</div>

<script type="text/javascript">

$(function(){
    var getDivs = 0;

    //iterate div with class isSolvedImage
    $("div.isSolvedImage").each(function() {
        alert('div id--'+this.id);
        // send ajax requrest
        $.get(this.id, function(data) {
            // check if ajax response is 1
            alert('div id--'+this.url+'--ajax response--'+data);            
            if(data == 1){
                alert('div id--'+this.url+'--Unhiding image--');
                //Needed magic
                //Show image if data==1 
            }
            else{
                alert('div id--'+this.url+'--Hiding image--');
                //Needed magic
                //Hide image if data!=1
            }
        });

      });
});
</script>
</body>
</html>

最佳答案

$('#imageId').hide(); //to hide...
$('#imageId').show(); //to show...

$('img').hide(); //to hide all image...
$('img').show(); //to show all image...


$(function(){
    var getDivs = 0;

    //iterate div with class isSolvedImage
    $("div.isSolvedImage").each(function() {
        alert('div id--'+this.id);

        var img = $(this).find('img');

        // send ajax requrest
        $.get(this.id, function(data) {
            // check if ajax response is 1
            alert('div id--'+this.url+'--ajax response--'+data);            
            if(data == 1){
                alert('div id--'+this.url+'--Unhiding image--');
                //Needed magic
                //Show image if data==1 
                img.show();
            }
            else{
                alert('div id--'+this.url+'--Hiding image--');
                //Needed magic
                //Hide image if data!=1
                img.hide();
            }
        });

      });
});

关于javascript - 如何根据 ajax 响应隐藏图像标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2955986/

相关文章:

javascript - jquery 点击事件 tr 或输入被点击

javascript - 设计 : why does JavaScript have separate Function and Object objects, 以及为什么它们有自己单独的原型(prototype)对象?

javascript - 从 firebase onCall 云函数读取 Firestore 中的文档

javascript - FF3.6 上的 jQuery - 渲染内容的数据大小是否有限制?

jquery - 当用户切换选项卡时暂停 html5 视频

Jquery 验证远程规则并取决于输入值是否更改

javascript - 是否可以将浏览器深层链接到应用程序? (没有弹出窗口)

javascript - Promise.then 函数内部的外部变量没有被改变

javascript - 如何根据纯 Javascript 中的区域设置确定一周是从星期一还是星期日开始?

jquery - 如何设置显示在文本输入上的弹出元素的样式?