javascript - 隐藏 如果有一个空的 src""with jquery

Question

如果 $img 为空，如何隐藏下面的文章？

<article data-stars="<?php echo $StarRating[6];?>" name="<?php echo $Price[6];?>" class="box">
<img width="270" height="160" alt="" src="<?php echo $img[6][1];?>"></a>
<div>Content</div>
</article>

我正在用两个 jquery 过滤器过滤相同的文章价格过滤器:

tjq(document).ready(function() {
      tjq("#price-range").slider({
          range: true,
          min: 0,
          max: 3000,
          values: [ 1, 2000 ],
          slide: function( event, ui ) {
              tjq(".min-price-label").html( "€" + ui.values[ 0 ]);
              tjq(".max-price-label").html( "€" + ui.values[ 1 ]);

              $('article[data-price]').each(function() {
                  var dPrice = $(this).attr('data-price');
                  if ( dPrice < ui.values[ 0 ] || dPrice > ui.values[ 1 ] ) 
                      $(this).hide();
                  else
                      $(this).show();
              });
          }
      });

和星级过滤器

 $('input[type=checkbox]').click(function(e){
  $("input[type=checkbox]").each(function(){
  grabVal = $(this).val();
          if(!$(this).is(":checked")){
  $("article[data-stars='"+grabVal+"']").hide();
          }else{
  $("article[data-stars='"+grabVal+"']").show();
          }
      });

          if(!$("input[type=checkbox]").is(":checked")){
  $("article").show();   
      }
  });

这篇文章的最后一个过滤器是:显示更少/更多

$(document).ready(function () {
  $('#hotel-list article:gt(4)').hide();
  $('#loadMore').click(function () {
  $('#hotel-list article:hidden:lt(2)').show();
      });
  $('#showLess').click(function () {
  $('#hotel-list article').not(':lt(4)').hide();
      });
  });

你能帮我创建另一个过滤器来隐藏具有空 img 的文章吗，

Answer 1

我给你这个 JSFiddle。

如果您的 img src 为空，您可以使用它隐藏。

我在 上放了一个类，使用这段代码你可以做你想做的事。

    $('.myClass').each(function(){
       if($(this).attr('src') == ""){
          $(this).closest('article').hide();
       }
    });

Fiddle here