匹配并删除jquery中的文本

时间:2015-07-07 07:24:49

标签: javascript jquery

我已经包含了

<div class='test1'> total data January 1st 2015 to July 6th 2015 </div>
<button type="button" class= 'submit'>Click Me!</button>

所以当我这样做的时候 $('.test1').text() then i get&#34; 2015年1月1日至2015年7月6日的总数据&#34;

我希望当我点击按钮时,它会删除文字&#34; 2015年1月1日至2015年7月6日&#34;并添加2015,如

$('.submit').click(function(){
  // removes text "January 1st 2015 to July 6th 2015"
  // in place of removing text add 2015 so that text seems to be total data 2015 
})

我的要求是通过简单地执行$('.test1').text('total data 2015')来替换不要做的文字。请帮助我解决这个问题。提前谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用replace()方法:

$('.submit').click(function() {
  $(this).prev('.test1').text(function(e, text) {
    return text.replace('January 1st 2015 to July 6th 2015', '2015');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='test1'>total data January 1st 2015 to July 6th 2015</div>
<button type="button" class='submit'>Click Me!</button>