增加带有特定文本的 TD 之后的 TD 的宽度？

Question

我有以下标记：-

现在我想使用 CSS 选择器最大化 850 到 900 的宽度。但我想指定我要扩展的 TD 应该匹配以下内容：-

在 Table 内 class = ms-formtable
并在 TR 中
在 <nobr> 标签内带有单词 "Description" 的 TD 之后。

有人可以就此提出建议吗？

Answer 1

如果您可以像这样将 td 的内容放入 data attribute 中：

<td data-td-content="Description">Description</td>

那么你可以使用

td[data-td-contents="description"] + td

作为 CSS select 或。但这非常具体，即使更改大写字母也会使规则无效。不是真的推荐，但可能。它还使您要传递和处理的数据量加倍，从而使页面大小加倍。不理想。

您也可以为此使用 jQuery，使用 :contains() select 或。您可以执行以下操作：

$("td:contains('Description') + td")

这将 return 包含文本值的 td 之后的元素，您随后可以使用该文本值。这是一个片段中的示例，显示它有效：

$("td:contains('description') + td").addClass('selected')

.selected {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<table>
  <tr>
    <td>title</td>
    <td>My Title</td>
  </tr>
  <tr>
    <td>description</td>
    <td>My Description</td>
  </tr>
 </table>

当然，这也要求您能够访问脚本。不然没有直接的办法select这种东西。

文档：https://api.jquery.com/contains-selector/

增加带有特定文本的 TD 之后的 TD 的宽度？

increasing the Width for a TD that comes after a TD with specific text?

html

css

jquery

css-selectors

jquery-selectors