Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将标签元素的第一个字母大写_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将标签元素的第一个字母大写

Javascript 将标签元素的第一个字母大写,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我得到一些外部html页面,其中所有数据都是小写的。使用css时,我尝试将完整标签标记的第一个起始字母大写,但我无法做到,它使完整的大写字母如下所示: .fontmodal { text-transform:capitalize !important; } 但这不起作用 数据-这是当前的结构 现在我正试图在jquery中实现同样的功能,我不知道该做什么以及如何继续 以下是我正在尝试的代码: $('#Container2').find("table>label").css(tex

我得到一些外部html页面,其中所有数据都是小写的。使用css时,我尝试将完整标签标记的第一个起始字母大写,但我无法做到,它使完整的大写字母如下所示:

.fontmodal {
     text-transform:capitalize !important;
}
但这不起作用

数据-这是当前的结构

现在我正试图在jquery中实现同样的功能,我不知道该做什么以及如何继续

以下是我正在尝试的代码:

$('#Container2').find("table>label").css(textTransform,'capitalize');

我不明白有什么不对,一个简单的CSS规则应该可以做到这一点:

#Container2 label {
  text-transform: capitalize;
}

如果无法更改HTML并需要在第一个字母上应用大写字母,则需要更改标记的默认显示属性:

:第一个字母:

仅对显示值为block的图元有效, 内联块、表格单元格、列表项或表格标题。在所有其他方面 案例::第一个字母无效

标签{ 显示:内联块; 文本转换:小写; } 标签:第一个字母{ 文本转换:大写; } 数据 见下文: 标签{ 文本转换:小写; } 第一个字母{ 文本转换:大写; } 数据
您可以使用CSSS选择器:第一个字母来实现这一点

我发现的微妙之处在于,它似乎不受标签的支持,但无论如何,在我的演示代码中,标签不起作用

但我们可以绕过这一点:

label {
    text-transform: lowercase;
}
div:first-child:first-letter {
    text-transform: uppercase;
    color: red;
}

演示:

您可以简化它并执行以下操作。 $document.readyfunction{ $label.ADDClassCapitaler;//根据需要调整专用性 }; B.资本家{ 字体大小:粗体; 字体大小:72px; 显示:内联块; 颜色:红色; } .大写字母::第一个字母{ 文本转换:大写; } 数据
文本转换。。大写..@Pogrindis第一个字母大写,大写是整个文本您的HTML不显示任何带有fontmodal类的元素。你能写一把小提琴吗?这个问题有误导性。您说数据是小写的,但是发布的代码说明了一些不同的内容。您没有更正问题,并且您的标记无效。实际的标记是相关的,因为它影响不同方法的适用性。当这显然只是一个HTML和CSS的问题,一旦解决了,在jQuery中实现起来就很简单,如果需要的话,你不应该通过引用jQuery来混淆这个问题。请看这里:我不明白所有的数据都是小写的,我试图将完整标签标签的第一个开头大写。CSS规则应该起作用,除非与之冲突,比如文本转换:更高优先级选择器上的大写。它不起作用,因为大写假定内容已经是小写的,因此它只大写第一个字母,仅此而已。这里的问题是,所有内容都已经是大写,所以大写不会改变这一点。注意,对于IE8,您需要使用一个冒号,:第一个字母在我看来是最好的答案