使div toUpperCase（）

Question

我一直在寻找一个脚本，使每个div中的所有文本都为大写字母。 我找到了这个脚本：

<script type="text/javascript" src="Script/jquery-1.3.2.js"></script>
<script type="text/javascript">

         $(document).ready(function(){
            $("div").text($("div").text().toUpperCase());
    });
</script>

自：here

然而，这个脚本需要每个div，并将它添加到前一个div并在文档中重复它...这很难解释。

我会认为

$("div").text().toUpperCase();

单独应该工作......但事实并非如此。

我觉得这应该很简单......

感谢任何和所有帮助！

修改

我无法用ID做到这一点！它必须与实际元素有关。

Answer 1

您可以使用css -

div{text-transform:uppercase}

Answer 2

这里的问题是你对$（'div'）的内部调用是遍历每个div，获取文本，将其更改为大写，并将其设置为outter $（'div'）中的当前元素迭代。您需要遍历每个div，获取它的文本，并将其重置为大写版本。代码如下：

<script>
$('div').each(function(k, element)
{
    $(element).text( $(element).text().toUpperCase() );
});
</script>

另一种方法是使用CSS：

<style>
div { text-transform: uppercase; }
</style>

Answer 3

您可以按ID设置它。

<div id="textDiv">
...
</div>

$("#textDiv").text().toUpperCase();

Answer 4

怎么样：

$('div').each(function() {
    $(this).html($(this).text().toUpperCase());
});