Как скрыть элемент в jQuery

Question

Как скрыть элемент в jQuery

0

Имею следующий код..

<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 !=""?

golaz 10 март 2014, в 10:00

Источник

3

Ваш вопрос неясен, потому что у вас есть несколько элементов с одинаковым идентификатором. Div #imagesrc не может быть показан и скрыт одновременно. Или это просто примеры, и есть только один элемент с одинаковым идентификатором, и вы просто продублировали его, чтобы продемонстрировать, что элемент может иметь разные значения для src ?
Felix Kling 10 март 2014, в 08:03
1

Кстати, если бы это было так, как я сказал, самое короткое решение JS было бы $('#imagesrc').toggle($('#image1[src!='']').length > 0) .
Felix Kling 10 март 2014, в 08:06

Теги:

jquery

6 ответов

2

CSS чистый, без JavaScript и автоматически реагирует на изменения.

Конечно, он предполагает, что ваша разметка действительно выглядит так.

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

Ry- 10 март 2014, в 06:02

0

узнал по-новому, спасибо ...
Lab 10 март 2014, в 08:24

0

//включить 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 элемент. Вместо этого используйте класс.

Надеюсь, у вас есть идея...

Lab 10 март 2014, в 06:56

0

Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
golaz 10 март 2014, в 08:36
0

@golaz всегда хорошо давать ссылку jsfiddle при запуске.
Lab 10 март 2014, в 10:05

0

Попробуйте любой из подходов.

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

или

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

Jak 10 март 2014, в 06:23

0

Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
golaz 10 март 2014, в 08:36
0

После загрузки изображения вы должны снова вызвать тот же код, чтобы сделать изображение видимым
Jak 10 март 2014, в 08:54
0

Вот мой код jsfiddle.net/J24yN/5 . Я хочу показать кнопку удаления, когда src! = "", Иначе не показывать.
golaz 10 март 2014, в 09:00
0

Я обновил код в проверке jsfiddle.net/J24yN/17 .
Jak 10 март 2014, в 12:49
0

Загрузить (добавить) неверный файл. если изображение src пусто, покажите кнопку удаления, иначе не показывайте. Надеюсь, что это то, что вы пытаетесь достичь.
Jak 10 март 2014, в 12:51

Показать ещё 3 комментария

0

Попробуйте этот полный код

вы можете использовать attr для вызова любого значения attribute элемента html или для установки значения 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>

Jack 10 март 2014, в 06:07

0

Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
golaz 10 март 2014, в 08:37
0

что вы подразумеваете под загрузкой моего изображения, используете ли вы другой код, пожалуйста, опубликуйте его здесь, чтобы смешать коды для получения конечного результата
Jack 10 март 2014, в 08:38
0

Вот мой код jsfiddle.net/J24yN/5 . Я хочу показать кнопку удаления, когда src! = "", Иначе не показывать.
golaz 10 март 2014, в 09:01

Показать ещё 1 комментарий

0

попробуй это

$(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
    }
});

bipen 10 март 2014, в 05:28

Ещё вопросы

Ваш вопрос неясен, потому что у вас есть несколько элементов с одинаковым идентификатором. Div #imagesrc не может быть показан и скрыт одновременно. Или это просто примеры, и есть только один элемент с одинаковым идентификатором, и вы просто продублировали его, чтобы продемонстрировать, что элемент может иметь разные значения для src ?
Кстати, если бы это было так, как я сказал, самое короткое решение JS было бы $('#imagesrc').toggle($('#image1[src!='']').length > 0) .
Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
@golaz всегда хорошо давать ссылку jsfiddle при запуске.
Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
После загрузки изображения вы должны снова вызвать тот же код, чтобы сделать изображение видимым
Вот мой код jsfiddle.net/J24yN/5 . Я хочу показать кнопку удаления, когда src! = "", Иначе не показывать.
Я обновил код в проверке jsfiddle.net/J24yN/17 .
Загрузить (добавить) неверный файл. если изображение src пусто, покажите кнопку удаления, иначе не показывайте. Надеюсь, что это то, что вы пытаетесь достичь.
Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
что вы подразумеваете под загрузкой моего изображения, используете ли вы другой код, пожалуйста, опубликуйте его здесь, чтобы смешать коды для получения конечного результата
Вот мой код jsfiddle.net/J24yN/5 . Я хочу показать кнопку удаления, когда src! = "", Иначе не показывать.

Anoop Joshi · Accepted Answer · 2014-03-10T06-37-00.000Z

пытаться

       $(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();

}
});

демонстрация

Не работа. Когда src == "" скрыл мой идентификатор, но когда загрузил мое изображение и появились данные src, не показывать мой идентификатор.
Вот мой код jsfiddle.net/J24yN/5 . Я хочу показать кнопку удаления, когда src! = "", Иначе не показывать.
Кнопка должна исчезнуть, если я удалю картинку.