jQuery的CSS選擇怪癖

Question

背景：

我有一個CMS工具，允許用戶創建內容區域內的表。如果使用邊框選項，該工具會在表格上設置邊框屬性，並且不使用樣式。我的重置樣式表默認所有表爲無邊框，並且這會覆蓋表格邊框屬性（即不顯示邊框）。

作爲一種快速入侵，我放入了一些jQuery來獲取具有非0邊界屬性的表元素並將邊界屬性轉換爲內聯樣式。

我的問題：

雖然我能得到的代碼工作，這不是我本來打算解決方案。

這是目前工作：

$("table[border!='0']").css('border', function() { 
     return $(this).attr('border') + "px solid"; 
    }); 

我原來的解決方案是不是需要在CSS方法的功能 - 正如我寫這篇文章的問題是$（本）沒有按

$("table[border!='0']").css('border', $(this).attr('border') + "px solid"); 

我知道不會在選擇中引用每個項目，因爲它在函數內部，因此是我的問題。

jsFiddle

有沒有辦法做到這一點沒有作用？

Answer 1

不，使用該功能是唯一的（也是最好的）方式，否則您無法單獨訪問每個項目。

請注意，您的代碼包含一個錯誤：$(this).attr['border']應該是$(this).attr('border') - 否則總是得到undefinedpx solid，這沒有多大意義。

但是，只要你沒有一噸的不同值的border你可以使用CSS：

table[border=1] { border: 1px solid; } 
table[border=2] { border: 2px solid; } 

顯然，這將是凌亂與許多不同的值，但有很好的機會你不t有許多不同的邊框寬度。