使用 javascript 隐藏 table 中的 Class 行

Question

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

我有以下行是通过某些 PHP:

自动生成的

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

问题是：

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

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

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

谢谢

Answer 1

用循环试试这个，它应该让你得到所有行

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

$('[class^="abc"]') // starts with string
$('[class$="end"]') // ends with string

$( '[class^="custom_205_"][class$="row"]').each ( function () {
   // hide this.hide() or remove
});

使用 javascript 隐藏 table 中的 Class 行

Hide Class Row in table using javascript

javascript

rows