從圖像中刪除邊框

我爲圖像添加了邊框。但是一些圖像缺失，並且對於這些圖像，我添加了一條錯誤消息。我不想爲缺失的圖像添加任何邊框，但我仍然可以看到它。有沒有什麼辦法在jquery中，我可以從實際上不存在指定路徑的圖像中刪除邊框。謝謝 Romi。從圖像中刪除邊框

編輯

我甲肝批量圖片的路徑，其中一些圖像路徑是無效的，併爲這些無效的路徑，我不想增加一個錯誤。我對所有圖像路徑都有單一的CSS，我無法區分這些。有沒有其他的方式來做到這一點。

2011-06-14 Romi

使用css代替 – Ibu 2011-06-14 05:33:19

我認爲你應該關心不顯示不可用的圖片標籤。 – mightyplow 2011-06-14 05:43:13

爲什麼你想要顯示破碎的圖像？ – 2011-06-14 05:53:26

我會用大衛代碼來處理圖像丟失

使用的想法來設置邊界 - 0

$("img").error(function() { 
     $(this).css("border", "none"); 
});

2011-06-14 05:45:19

爲您不想添加邊框，只是給他們一個類名，然後建立CSS

<img src='image.png' class='no-border' />

的CSS圖片：

img.no-border { 
    border:none; 
}

2011-06-14 05:35:09 Ibu

-1

您可以使用標準的JavaScript改變一個元素的類：

然後設置一些CSS來給任何一個缺少c的元素拉斯無邊框：

.missing { 
    border: none; 
}

每個圖像都需要一個唯一的ID：

<img src="" id="image1">

2011-06-14 05:39:21 dunos

但是，如果你已經在頁面中使用jQuery，你爲什麼要使用標準的JS？我通常都是純JS，但是如果我已經將jQuery添加到頁面中，則不是。 – mplungjan 2011-06-14 05:50:59

是的，我想要一個JQuery中的解決方案。如果你有請建議。 – Romi 2011-06-14 06:05:04

喜歡的東西

<img src="broken" onerror="this.style.border='none';"/>

2011-06-14 05:54:20 amal

CSS的方法，像其他人所說，但利用標記的繼承，而不是針對圖像（本身）。

.container { } 
.container img, .container a img { border:1px solid black }

因此，如果在佈局的該區域內存在圖像，則會出現邊框 - 否則它們不會。

這種方法也不需要每個圖像的獨特ID和單獨的類（儘管類可能有所幫助，具體取決於）。

2011-06-14 05:59:17 Dawson

回答