объединить операторы jQuery

Question

У меня сумасшедший день, и я пытаюсь найти способ сделать это меньше, и все, что я пробовал, не сработало.Я знаю, что должен быть лучший способ сделать это, поэтому я решил спросить здесь.

Любые советы по кешированию 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;");

Извините за мой ужасный код, не стесняйтесь давать мне любые советы, которые вы можете придумать!

Джефф

Answer 1

Просто примените 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, ваш сайт будет работать намного лучше.

Answer 2

непроверено - но я думаю, вы видите, к чему я клоню ...

Answer 3

похоже, если вы делаете

$(".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");

было бы намного проще