結合jQuery語句

我有一個腦死的一天，我試圖找出一種方法，使這個更小，我試過的一切都沒有奏效。我知道必須有更好的方式來做到這一點，所以我想我會問這裏。結合jQuery語句

jQuery的緩存任何提示將是巨大的（我想使約225的jQuery線儘可能的小，所以，只要能幫助！

$(".tableMap td:nth-child(1)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(2)").css("text-align","center").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(3)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(4)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(5)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(6)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(7)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(8)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(9)").css("text-align","center").attr("style","border-bottom:1px solid black;");

對不起，我可怕的代碼，隨意給我你能想到的任何提示

傑夫

來源

2011-05-11 jefffan24

你預計的結果是什麼我也會使用.css而不是.attr的所有內容 – mcgrailm 2011-05-11 20:44:02

基本上1,3-8是相同的。 2和9是不同的。所以我希望基本上可以從它們中提出2個陳述，覆蓋那些（如果可能的話）的第n個孩子的範圍。雖然我不知道如何做出第n個孩子的範圍，所以我不得不做出9個陳述。我知道有一種更好的方式，它不會來到我身邊。 – jefffan24 2011-05-11 20:47:22

只是適用您的邊框樣式CSS類的所有單元格的（在沒有所需的所有jQuery的）：

<style> 
    .tableMap td 
    { 
    border: 1px solid black; 
    border-left: none; 
    border-top: none; 
    } 
</style>

然後，以後，你可以申請您的特定樣式只是需要兩個項目：

$(".tableMap td:nth-child(2)").css("text-align","center"); 
$(".tableMap td:nth-child(9)").css("text-align","center").attr("style","border-right:none;");

一件好事要記住的是，當你需要它僅使用JavaScript/jQuery的。儘可能直接使用HTML/CSS，你的網站的表現會更好。

來源

2011-05-11 20:49:00

這工作謝謝！ – jefffan24 2011-05-12 16:29:33

它看起來像如果你

$(".tableMap td").attr("style","border-right:1px solid black; border-bottom:1px solid black;");

然後

$(".tableMap td:nth-child(2),.tableMap td:last").css("text-align","center");

它就會簡單得多

來源

2011-05-11 20:49:36 mcgrailm

你錯過了邊界 - 除了最後一個項目之外的所有項目。 – 2011-05-11 20:51:29

@Charles博揚感謝小姐複製 – mcgrailm 2011-05-11 20:56:07

未經測試 - 但我tjink你可以看到我在獲得...

$(".tableMap td:nth-child(1)").attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td").children().lt(9).gt(1).attr("style","border-right:1px solid black; border-bottom:1px solid black;"); 
$(".tableMap td:nth-child(9)").css("text-align","center").attr("style","border-bottom:1px solid black;");

來源

2011-05-11 20:54:44

結合jQuery語句

回答

相關問題