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:dashed 3px red”？这是正确的方法还是有更简单的方法？

总是感激地收到帮助和建议。

4

2 回答 2

1

好吧，您不需要显式循环 - 使用.filter：

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

这是一个可以玩的小提琴。

但从技术上讲，它仍然是一个循环，所以你可能是对的。)

于 2012-06-20T23:33:12.760 回答
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 回答