使用jquery替换span的元素

时间:2012-10-16 23:48:02

标签: jquery replace

  

可能重复:
  text replace with jquery

我刚开始学习jQuery。其中一个问题是要求操作span中的元素,如

<span class=test> 1a 2b 3c</span>

进入

<span> 1A 2B 3C </span>

A替换a的位置。

有些相关的是,如何确定跨度内元素的长度或数量。

修改

一些澄清。我真正想要的不仅仅是将小写变为大写,而是进入span元素并找到特定的字符并用其他东西替换它们。

2 个答案:

答案 0 :(得分:3)

$(function() {
  var text = $('.test').text();
  var uppercaseText = text.toUpperCase();
  $('.test').text(uppercaseText);
});

这将在页面加载时执行并转换它。

祝你好运!

答案 1 :(得分:1)

这会获得长度并更改内容。

现场直播:http://jsfiddle.net/H8DsW/

<span class="test"> 1a 2b 3c</span>​
<script>
$(function() {
  alert($('.test').html().length);        
  $('.test').html($('.test').html().toUpperCase());
  $('.test').removeAttr('class');    
});
</script>​