1

名前に「小」などのテキストが含まれる画像のみをブロックで表示する方法。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>
4

4 に答える 4

2

セレクターで試す

$('img[src*="_small"]').show();
于 2013-10-10T16:14:24.177 に答える
0

単純;

使用できます。

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

div 内の画像の場合は、次のようなスタイリングを使用します。

.small_images img{
    display: none;
}

次に、javascript で、「small」のようなテキストを含む画像を表示します。

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

ここにデモがあります

于 2013-10-10T16:23:27.270 に答える