如何设置字段的样式，哪个 div id 未知？ [关闭]

Question

我想为表格中的数据设置样式，但其 div id 未知/不可用，并且无法写入。这是页面来源：

<tbody>
    <tr>        
        <td style="font-size:12px; text-align:center;" name="">
            <div style="padding:0; margin:0;">Ford</div>
            <div style="display:none; padding:0; margin:0;"></div>
        </td>
        <td style="font-size:12px; text-align:center;" name="">
            <div style="padding:0; margin:0;">Crown Victoria</div>
            <div style="display:none; padding:0; margin:0;"></div>
        </td>
        <td style="font-size:12px; text-align:center;" name="">
            <div style="padding:0; margin:0;">1234JESS123456789</div>
            <div style="display:none; padding:0; margin:0;"></div>
        </td>
    </tr>
</table>

我必须在最后一个 td 上应用以下 javascript。

<div id="output">ABC123DDD8877</div>

$('#output').html(($('#output').html()).replace(/[0-9]/gi, '<strong style="font-size:20pt">$&</strong>')) 

谁能帮帮我？

Answer 1

有一种方法可以做到这一点，但我建议您不要这样做。负责任的方法是找到一种方法将挂钩添加到父元素 - ID 或类。

如果你觉得没有其他办法，那么……你必须使用属性选择器：

td div[style]{
  color:blue;
  }
td div[style*="display"]{
  color:red;
  }

在示例一中，您定位一个包含 style 属性的 div。

在示例二中，您通过 style 属性的存在来定位一个元素，并查询该 style 属性是否包含值 display - 因为在您的示例中，这是仅区分两个style 属性之间的区别。

本质上，您通过定位元素的内联样式来设置元素的样式。怪物就是这样诞生的，所以请另辟蹊径。

Answer 2

你可以这样试试：

如果您希望所有 div 都设置样式，请尝试以下操作：

table td div{
    //Style here
}

Demo Here

如果您不想设置所有 divs 的样式并且只设置第一个 div，请尝试这样：

table td div:first-child{
   // your style
}

Fiddle Demo

Answer 3

如果您知道它是哪个 div，您可以对第一个孩子或最后一个孩子做一些事情。这是以前的一篇关于它的帖子。 How to select first and last TD in a row?

Answer 4

尝试通过 CSS 像这样选择它：

tbody tr td div {
    ...
}