如何显示的名字图像（前缀）(How to show images by name (prefix))

如何在只有块中的名字有像“小”的一些文字图像显示。要仅显示picture2_small.gif和picture4_small.gif。而在另一块显示所有的“时间。

<div class="small_images">
  <img src="picture1.gif" />
  <img src="picture2_small.gif" />
  <img src="picture3.gif" />
  <img src="picture4_small.gif" />
</div>

<div class="all_images">
  <img src="picture1.gif" />
  <img src="picture2_small.gif" />
  <img src="picture3.gif" />
  <img src="picture4_small.gif" />
</div>

Answer 1:

使用下面的选择之一

img[src$='small.gif'] -只显示其图像src 结尾 small.gif

要么

img[src*='small'] -只显示包含在其字小图像src 。

使用CSS

.small_images img[src$='small.gif']{
    display: block;
}
/* or */

.small_images img[src*='small']{
    display: block;
}

使用jQuery

$('.small_images img[src$="small.gif"]').show();
/* or */
$('.small_images img[src$="small.gif"]').css('display','block');

/* or */

$('.small_images img[src*="small"]').show();
/* or */
$('.small_images img[src*="small"]').css('display','block');

附加信息：（根据您的改变的问题）

添加.small_images将确保该display被设置为只有那些img标签与该元素存在class='small_images' 。

Answer 2:

与选择尝试

$('img[src*="_small"]').show();

Answer 3:

为了显示小的那些并隐藏其他的尝试，

   $(document).ready(function(){
$('img').each(function(){
    var $img = $(this);
    if($img.attr("src").indexOf("small")!=-1){
        $img.show();
    }else{
        $img.hide();
    }
});});

http://jsfiddle.net/3KcYk/

Answer 4:

简单;

你可以使用;

<div class="small_images">
<img src="picture1.gif" />
<img src="picture2_small.gif" />
<img src="picture3.gif" />
<img src="picture4_small.gif" />
</div>

和里面的div图像，使用造型等;