jQuery的 - 查找與名單之中

虛線框img元素我有圖像的列表中的表像這樣：jQuery的 - 查找與名單之中

<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」？這是正確的方式還是有一個更簡單的方法？

總是感激地收到了幫助和建議。

來源

2012-06-20 TheCarver

你可以遍歷圖像並檢查CSS。

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

DEMO

老實說，雖然，我會申請一類每一個元素，而不是行內做的，然後選擇與該類項目。 DEMO

來源

2012-06-20 23:33:03 sachleen

Aaaah，好的，謝謝一堆。是否有原因使用RGB值而不是HEX或顏色？ – TheCarver

這就是jQuery如何在開發工具中顯示它，因爲我們正在做一個字符串比較，我就是這麼做的。 – sachleen

好了，你不需要循環明確 - 使用.filter：

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

這裏有一個fiddle一起玩。

但從技術上講，它仍然是一個循環，所以你可能是對的。）

來源

2012-06-20 23:33:12 raina77ow

+1不知道'.filter（）'！我想說這可能會更好，因爲可能會在jQuery代碼中完成一些優化，但我不知道。 – sachleen

jQuery的 - 查找與名單之中

回答

相關問題