0

私は次のようなテーブルに画像のリストを持っています：

<div id="scroll-uploader-photos">
<table>
<tr>
    <td><img class="uploader_thumbs" style="border:solid 3px grey;"></td>
    <td><img class="uploader_thumbs" style="border:solid 3px grey;"></td>
    <td><img class="uploader_thumbs" style="border:solid 3px grey;"></td>
    <td><img class="uploader_thumbs" style="border:solid 3px grey;"></td>
    <td><img class="uploader_thumbs" style="border:dashed 3px red;"></td>
</tr>
</table>
</div>

jQuery 1.7.1を使用して、破線の境界線を持つ画像要素を選択するにはどうすればよいですか？

.find（）などを使用して要素をループし、CSS属性「border：dashed3pxred」についてループ内の各アイテムをテストする必要があると言っているのは正しいですか？これは正しい方法ですか、それとももっと簡単な方法がありますか？

ヘルプと提案は常に感謝して受け取られました。

4

2 に答える 2

1

画像を繰り返し処理して、cssを確認できます。

$(".uploader_thumbs").each(function() {
    if($(this).css('border') == '3px dashed rgb(255, 0, 0)')
        console.log(this)
})

デモ

正直なところ、インラインで行うのではなく、各要素にクラスを適用してから、そのクラスでアイテムを選択します。デモ

于 2012-06-20T23:33:03.310 に答える
1

まあ、明示的にループする必要はありません-.filterを使用してください：

$('table').find('img').filter(function() { 
   return $(this).css('borderStyle') === 'dashed';
});

これが遊ぶためのフィドルです。

しかし、技術的にはまだループなので、おそらく正しいでしょう。）。

于 2012-06-20T23:33:12.760 に答える