结合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语句

回答

相关问题