【问题标题】:Hide Class Row in table using javascript使用javascript在表格中隐藏类行
【发布时间】:2020-03-04 02:07:23
【问题描述】:

标题听起来很简单,但问题有点复杂。

我有以下通过一些 PHP 自动生成的行:

<tr class="custom_field-row custom_205_-4-row"></tr>

问题是:

我如何使用 Javascript 隐藏此行的每个实例,因为第 4 位会自动替换为其他数字,具体取决于它是什么条目号。所以我需要隐藏:

<tr class="custom_field-row custom_205_-***EVERYSINGLEPOSSIBLENUMBER***-row"></tr>

有什么想法吗? foreach 语句听起来是前进的最佳方式,但我不确定从哪里开始。

谢谢

【问题讨论】:

    标签: javascript rows


    【解决方案1】:

    用一个循环试试这个,它应该得到你所有的行

    您可以遍历该类的公共部分,如果您想确保其正确的类或其他内容,您可以添加对类名称的进一步检查

    $('[class^="abc"]') // starts with string
    $('[class$="end"]') // ends with string
    
    $( '[class^="custom_205_"][class$="row"]').each ( function () {
       // hide this.hide() or remove
    });
    

    【讨论】:

    • 感谢您的回复 '-row' 类的结尾如何添加呢?
    • 现在检查一下我已经做出了改变
    • 感谢您的编辑,我对如何制作循环感到困惑。再次感谢你,但我应该把循环放在哪里。
    • 你应该知道,在你的行生成之后或者之前,你可以创建一个函数,然后在每次需要的时候或者需要的地方调用它。
    猜你喜欢
    • 2013-11-16
    • 2014-12-12
    • 1970-01-01
    • 2015-09-03
    • 1970-01-01
    • 2015-12-11
    • 2014-09-26
    • 2017-11-05
    • 2013-03-17
    相关资源
    最近更新 更多