【问题标题】:Alternating Row in HTML table Using jQuery使用 jQuery 在 HTML 表格中交替行
【发布时间】:2012-08-01 22:00:21
【问题描述】:

使用 jQuery 在 HTML 表格中交替行,无需修改现有代码。

【问题讨论】:

  • 你试过什么?你的代码在哪里?我明白你在问什么,但你使用的是表格、div 还是其他元素?

标签: javascript jquery html


【解决方案1】:

希望对你有帮助

$(document).ready(function() {

            $('#Students > tbody > tr:odd').css("background-color", "green");

 });

【讨论】:

    【解决方案2】:

    由于问题是用 jQuery 标记的,我想 jQuery 解决方案会起作用。

    您可以为 jQuery 使用 element selector,并选择所有 tr 元素 - $("tr")

    然后你可以使用适当的方法或方法,用它来做你想做的事情。

    • .css() 改变一些样式
    • .hide() 隐藏它,
    • .animate() 为其应用一些动画等等。

    举几个例子……

    一个例子是:

    $("tr").css("color", "#ccc"); // Change the font color
    

    要获得更具体的代码,您必须澄清您的问题并描述您想要对表格行执行的操作。

    【讨论】:

    • 我想你忘了解决问题的“交替”部分(虽然技术上不是问题)。否则,很好的答案。 :)
    • @Zhihao 谢谢!从技术上讲,我没有忘记它。我不认为“HTML 表格中的交替行”意味着一个条纹表格,其中奇数行看起来与偶数行不同,所以我不考虑这部分,并希望问题得到澄清。
    猜你喜欢
    • 1970-01-01
    • 2010-09-19
    • 2013-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-12
    • 2012-04-18
    相关资源
    最近更新 更多