Question

我有以下代码..

<img src="" id="image1" >
<img src="www" id="image1" >

<img src="" id="image2" >
<img src="www" id="image2" >

<div id="imagesrc"></div>

如果div id (#imagesrc) #image1 src="" div，我怎样才能隐藏(#imagesrc #image1 src !="" } {{1}}何时{{1}}？

Answer 1

CSS很干净，没有JavaScript，并且会自动响应更改。

当然，它假设您的标记看起来确实如此。

#image1[src=""] ~ #imagesrc {
    display: none;
}

Answer 2

试

       $(document).ready(function () {
        if ($("#image1").attr("src") == "") {
            $("#imagesrc").hide();
        }
        else {
            $("#imagesrc").show();
        }
    });

<强>更新

$("#image1").change(function () {
var imgControlName = "#imagesrc";

readURL(this, imgControlName);
 if (jQuery("#preview").attr("src") == "") {
    jQuery("#remove").hide();
} else {
    jQuery("#remove").show();

}
});

Demo

Answer 3

试试这个

$(function(){ //ready function 
    $('#imagesrc').show(); //show the imagesrc div.you can avoid this, if imagesrc div is already shown
    if($('#image1').attr('src')==""){ //check for condition
        $('#imagesrc').hide(); //if true hide it
    }
});

Answer 4

// include jquery.js

<script type="text/javascript">
$(document).ready(function(){
 if($('#image1').attr('src')==""){
  $('#imagesrc').hide(); //you can also give $('#imagesrc').css('display','none');
 }
});
</script>

另外请不要将相同的“id”放在1个以上的元素上。相反，使用一个类。

我希望你有个主意......

Answer 5

试试这个完整的代码

您可以使用attr来调用任何html元素attribute值或设置attribute值

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>

<body>

<img src="" id="image1" >
<img src="www" id="image1" >

<img src="" id="image2" >
<img src="www" id="image2" >

<div id="imagesrc"></div>


<script>
$( document ).ready(function() {

  if ($("#image1").attr("src") == "")
  {
      $("#imagesrc").hide();
   }
   else
   {
      $("#imagesrc").show();
   }
});
</script>
</body>
</html>

Answer 6

尝试以下任何一种方法。

 if($("#image1").attr('src') != ''){
       $('#imagesrc').hide();
    }else{
       $('#imagesrc').show();
    }

或

$('#imagesrc').toggle($("#image1").attr('src') != '');

如何在jQuery中隐藏元素

6 个答案:

如何在jQuery中隐藏元​​素

6 个答案:

如何在jQuery中隐藏元素